【问题标题】:jQuery Datatables Getting Showing 1 to NaN of NaN entriesjQuery Datatables 显示 1 到 NaN 的 NaN 条目
【发布时间】:2013-04-21 13:50:29
【问题描述】:

我在我的视图中使用了 jQuery Datatable,如下所示;

<table id="CategoryGrid">
    <thead>
        <tr>
            <th>Id</th>
            <th>
                Name
            </th>
            <th>
                Description
            </th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

以及 Datatable 的 javascript 代码;

    var catGrid = $('#CategoryGrid').dataTable({
        "bPaginate": true,
        "bServerSide": true,
        "bProcessing": true,
        "sAjaxSource": "@Url.Action("CategoriesGet")",
        "aoColumns": [
            {
                "sName": "CategoryId",
                "bSearchable": false,
                "bSortable": false,
                "fnRender": function (oObj) {
                    return '<a href=\"Company/Details/' + oObj.aData[0] + '\">View</a>';
                }
            },
            { "sName": "CategoryName" },
            { "sName": "CategoryDescription" }
        ]
    });

返回的JSON数据如下;

{"sEcho":"1","iTotalRecords":10,"TotalDisplayRecords":10,"aaData":[["1","For Sale","asdfasdf"],["2","Jobs","asdfasdfasdf"],["3","Classes","asdfasdf"],["4","Vehicles","asdfasdsadfa"],["45","test","asdff"],["46","asfd","sdf"],["47","test","sdf"],["48","another test","sfsdfsdf"],["49","another test","sdfsdfsdf"],["50","asfd","asdf"]]}

为什么我在 NaN 条目中显示 1 到 NaN

【问题讨论】:

  • 确保您从服务器回复的sEcho 是您刚刚从客户端获得的那个(未更改的副本),您最好将其转换为@ 987654325@
  • 但我正在从服务器和字符串 fromat 中获取 sEcho="1"
  • 还有iTotalDisplayRecords字的iiiiii前缀在哪里?
  • @Daniel,将i 修复了问题,但现在我无法导航下一个和上一个,即分页不起作用

标签: jquery asp.net-mvc datatables


【解决方案1】:

您的 iTotalDisplayRecords 字似乎有错字,您忘记了 i 字母前缀...

另外,看看这个Server-side processing

一般而言,您从服务器的回复应包含:iTotalRecordsiTotalDisplayRecordssEchoaaData 属性...

sEcho :从客户端发送的未更改的 sEcho 副本。这个参数会随着每次抽奖而改变(它基本上是一个抽奖次数)——所以实现这一点很重要。请注意,出于安全原因,强烈建议您将此参数“强制转换”为整数,以防止跨站脚本 (XSS) 攻击。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-30
    • 2018-01-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-26
    相关资源
    最近更新 更多