DataTables在ASP.NET MVC 4中不起作用

Question

我正在嘗試使用asp.net mvc 4和EF6創建一個網站，用戶可以在其中使用來自客戶端的表的排序，分頁和過濾功能。 我正在為這些功能使用DataTables 1.10.4 jQuery插件。 到目前為止，所有內容都可以完美加載，但是如果我單擊<th>內容，則列無法得到排序，無論我在過濾器框中鍵入什么內容，都無法進行過濾。 我的瀏覽器控制台沒有看到任何錯誤。 這是我的代碼，

調節器

public ActionResult UserLogin()
    {
        if (Session["UserNAME"] != null)
        {
            var mkimodel = new MkistatVsUserLogin { mkistats = db.mkistats.ToList() };
            return View(mkimodel);
        }
        else
        {
            return RedirectToAction("Home");
        }
    }

視圖

<table id="mktTable" class="table">
<thead>
<tr>
    <th>CodeName</th><th>% Change</th><th>High Price</th><th>Open Price</th><th>Total Value</th>
</tr>
</thead>
@foreach (var item in Model.mkistats)
{
<tbody>
<tr>
    <td>
        @Html.DisplayFor(modelItem => item.MKISTAT_CODE)
    </td>
    <td>
        5%
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.MKISTAT_HIGH_PRICE)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.MKISTAT_OPEN_PRICE)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.MKISTAT_TOTAL_VALUE)
    </td>        
</tr>
</tbody>
}
</table>

_Layout.cshtml

<head>
<link href="~/Content/jquery.dataTables.css" rel="stylesheet" />
</head>

<body>
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <script src="~/Scripts/DataTables-1.10.4/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function () {
            $('#mktTable').DataTable();
        });        
    </script>
    @RenderBody()
    @RenderSection("scripts", required: false)
</body>

我的代碼有問題嗎？ 如何使dataTables工作？ 急需此幫助。 TNX。

Answer 1

將此添加到您的數據表初始化代碼中。

$('#mktTable').DataTable({
"aoColumns": [
{ "bSortable": true },
{ "bSortable": true },
{ "bSortable": true },
{ "bSortable": true }
]
});

在這里，您必須添加與表中一樣多的列。 您也可以通過設置"bsortable":false禁用對特定列的排序。 每列都指向表中列的索引。例如，如果要禁用對第一列的排序，則將這樣寫

$('#mktTable').DataTable({
"aoColumns": [
{ "bSortable": false },
{ "bSortable": true },
{ "bSortable": true },
{ "bSortable": true }
]
});

編輯

您已經在foreach循環中編寫了tbody標簽。 從foreach循環中取出這個。

DataTables在ASP.NET MVC 4中不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2015-03-05 06:15:04

DataTables在ASP.NET MVC 4中不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2015-03-05 06:15:04

解決方案1
1 已采納 2015-03-05 06:15:04