jquery - 使用 DataTables 插件的服务器端分页

Question

服务器每页返回 15 条记录，总记录超过 2000 条。我想显示前 15 条记录，然后每次单击“下一步”按钮时，显示剩余的所有记录(每页 15 条) )。为此，我们要进行服务器端分页还是客户端？？？

这是我的表格和我用于 DataTables 中分页的属性:

  var tableData = self.accountCollection.getData();

        var tableColumns = this.accountCollection.getColumns();
        var totalRecs = this.accountCollection.length;

        //create the UI grid containing the list of items

        this.resultsTable = tableEl.dataTable( {
            "bServerSide": true,
            "sEcho": 3,
            "iTotalRecords": totalRecs,
            "iTotalDisplayRecords": 15,
            "aaData": tableData,
            "aoColumns": tableColumns,
            "aaSorting": [[1,'asc']],
           });



getData: function () {

        var returnData = [];
        $.each(this.models, function (idx, accountModel) {
            returnData.push(accountModel.attributes);
        });
        return returnData;
    },

returnData 将返回一个对象，其中包含我将填充到表中的字段。

返回的对象(大致):

Object
 accountName: "No Company"
 address1: "1234 asdf"
  address2: ""
  billingAcctId: null
  billingSystem: null
  city: "mountain view"
  comments: null
   country: "USA"

然后将调用 getData() 函数以使用以下方法从数据库返回数据:

var tableData = this.accountCollection.getData()

所以基本上 tableData 将具有在表中显示的必要字段和值。现在我可能有超过1000条从服务器返回的记录。因此我需要分页。

fiddle 中的那个是我尝试过的，对分页没有任何影响。

我想我已经有了数据表附带的基本分页功能，但现在我需要一个服务器端，一次只显示 15 条记录，然后单击“下一个”和“上一个”按钮应该能够进行ajax调用来获取每页剩余15条记录。

希望这可以帮助您更好地理解。如果您需要更多详细信息，请告诉我。

如何使用 DataTable 实现分页？

谢谢

Answer 1

分页工作您需要执行以下最小更改的总显示记录。

“iTotalDisplayRecord”将是过滤记录总数