MVC 4 Razor Object doesn't support property or method 'dataTable'

后端未结

关注

 3  1491

I\'m a noob to MVC, jquery and DataTables. I get a Microsoft Visual Studio warning dialog when I hit F5 to build and bring up the site locally for development/debug:

相关标签:

3条回答

别那么骄傲

2021-01-24 19:23

OK,

Remove the {} between the () of the datatable

write like this

 $(document).ready(function () {
    $('#table_id').dataTable();
 });

Fiddle example

When you want to add options to the datatable you use the {} in order to consume the options

like this:

$(document).ready(function() {
$('#example').dataTable( {
    "bPaginate": false,
    "bLengthChange": false,
    "bFilter": true,
    "bSort": false,
    "bInfo": false,
    "bAutoWidth": false
   } );
} );

See example

0 讨论(0)

囚心锁ツ

2021-01-24 19:30
Since you mention that you are a newbie (i dont like the word noob) in MVC and such, I assume that you declared jQuery in more than one Views (like you did above). I am providing an example layout for you code, if you wish to follow it

jQuery and any other libraries, should only be included in your html only once, ideally at the bottom of the page, just before the body closing tag

If at later point in your code, you are including jQuery again, then it will overwrite the previous one, which has the dataTable plugin attached to it

Best to check in an actual browser (chrome,firefox,IE) instead of Visual Studio. In Chrome, press F12 to bring up the Developer Tools, then press Esc to bring up the console. See any errors there?

An example layout for your code could look like this. This is the master view file (If i am not mistaken, by default its in Views > Shared > _Layout.cshtml)
```
<!DOCTYPE html>
<html>
    <head>
        ...

        
        <link href="styles.css" rel="stylesheet" type="text/css" />
        
        @if (IsSectionDefined("Styles"))
        { 
            @RenderSection("Styles")
        }

        ...
    </head>
    <body>
        ...
        
        <script src="@Url.Content("~/Scripts/jquery-1.8.3.js")" type="text/javascript"></script>
        
        @if (IsSectionDefined("Scripts"))
        { 
            @RenderSection("Scripts")
        }
    </body>
</html>
```
And you can add any specific styles/scripts you want to each view, like so
```
... 

...

@section Styles {
       <link href="specific.css" />
}

@section Scripts {
    <script src="specific.js"></script>
}
```
Hope it helps
0 讨论(0)
发布评论:

提交评论
- 加载中...
慢半拍i

2021-01-24 19:33

I think you may have a try to comment these lines out:

@Scripts.Render("~/bundles/jquery")

@RenderSection("scripts", required: false)

which are at the end of "_Layout.cshtml" page.

Hope it makes sense

0 讨论(0)
发布评论:

提交评论
- 加载中...