首页 > 解决方案 > 如何在 asp.net core mvc 中使用 jQuery Datatable

问题描述

我下载了jQuery Datatable和我把它放在我的wwwroot文件夹中的文件。这是wwwroot文件夹的结构:

 -wwwroot
             -css
             -DataTable 
               -DataTables-1.10.21
                  -css
                  -images
                  -js
               -datatables.css
               -datatables.js
             -IMG
             -js
             -lib

在我的_Layout.cshtml我插入:

  <link rel="stylesheet" href="~/DataTable/datatables.css" />
    <script type="text/javascript" charset="utf8" src="~/DataTable/datatables.js"></script>  

使用 jQuery 数据表。

但我不能在我的视图页面中使用它。这就是我在我的视图页面中尝试做的事情:

 *<table class="table table-hover" id="tblmissioni">

        <thead>
            <tr>
                <th>
                    @Html.DisplayNameFor(model => model.Nome)
                </th>
                .....
             </tr>
        </thead>
<script>
        $(document).ready(function () {
            $("#tblmissioni").DataTable(
                {
                    "ajax": {
                        "url": "/Missioni/Missioni",
                        "type": "GET",
                        "datatype": "json"
                    },
                    "columns": [
                        { "data": "asdasd" },
                        { "data": "asdasd" },
                        { "data": "asdasd" },
                        { "data": "asdasd" },
                        { "data": "asdasd" },
                        { "data": "asdasd" },
                        { "data": "asdasd" },
                        ---I have 45 colums----
                    ]
                });
        }
    </script>*

这样做是否正确?我不知道我的 <link><script>是否​​正确_Layout.cshtml

错误

任何建议如何解决这个问题?

提前致谢!

标签: jqueryasp.net-mvcperformancedatatables

解决方案


推荐阅读