jQuery DataTable - 服务器端处理

时间:2012-11-21 09:51:15

标签: jquery

我从数据库中读取了100个数据,但我只向DataTable发送了10个数据。但我希望使用http://www.datatables.net/usage/server-side中的服务器端处理。

我的代码是:

function prepareDataTable() {
$('#displayData').dataTable({
    "iDisplayLength": 10,
    "iDisplayStart": 20,
    "aaData": Rows,
    "iTotalRecords": 57,
    "iTotalDisplayRecords": 57,
    "bSort": false,
    "bFilter": false,
    "aoColumns": [
        { "mDataProp": "name" }
    ]
});

在行中我只有10个数据。所以我想使用Ajax传递下一个数据。我想要:

  1. 我希望显示“显示iTotalRecords条目的1到10条”,其中iTotalRecords是我所有数据的编号。
  2. 下一个/上一个箭头将启用(现在已禁用)

1 个答案:

答案 0 :(得分:0)

您应该首先使用服务器端脚本来获取json格式数据,然后您的代码变得更像以下内容:

$('#displayData').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "server_processing.php",
    ...etc option
});

server_processing.php中,根据您的要求使用选项来获取数据。

如需更多帮助,请参阅server side datatable