如何配置数据表以使用页码而不是开始记录

Question

我有一个当前使用 jqGrid 的现有 Web 应用程序，整个服务器端后端根据页码和页长返回分页信息。现在我想开始在某些部分使用 DataTables，并且由于它的分页使用 Start record 和 Length，我想知道是否有某种方法可以将 DataTables 配置为接受页码，这样我就不必修改我的整个后端。

有什么方法可以为此配置或调整数据表？

编辑：为了避免混淆，我在谈论具有服务器端处理功能的数据表，而不是客户端分页。

编辑 2：添加一些关于我的后端如何接受和响应来自浏览器的请求的代码。它是 ASP.NET MVC4。

我的服务总是以使用如下方法处理的实体的数据页进行响应：

Page<T> GetPage<TKey>(int pageNumber,
                      int pageSize,
                      Expression<Func<T, TKey>> orderBy,
                      bool ascending = true,
                      Expression<Func<T, bool>> predicate = null)

这将返回一个Page<T>像这样的对象：

public class Page<T> : IEnumerable<T>
{
    private readonly IList<T> _items;

    public IList<T> Items
    {
        get { return _items; }
    }

    public Page()
    {}

    public Page(int currentPage, IEnumerable<T> items, int itemsPerPage, int totalItems, int totalPages)
    {
        PageIndex = currentPage;
        _items = items.ToList();
        TotalItems = totalItems;
        PageSize = itemsPerPage;
        TotalPages = totalPages;
    }

    public int PageIndex { get; private set; }
    public int PageSize { get; private set; }
    public int TotalItems { get; private set; }
    public int TotalPages { get; private set; }

    public IEnumerator<T> GetEnumerator()
    {
        return _items.GetEnumerator();
    }

    IEnumerator IEnumerable.GetEnumerator()
    {
        return GetEnumerator();
    }
}

然后在返回动作响应时将其解析为控制器中的 Json，以匹配网格插件所需的 json 结构（而它是 jqGrid 或 DataTables）。

我无法更改页面结构和分页机制，因为它会对 Web 应用程序产生巨大影响，因此不在讨论范围内。我需要找到一种方法来调整 DataTables，以便它发送PageNumber而不是Start记录。该长度参数将匹配每页在我身边所以它会配合得非常完美。

Answer 1

您可以使用ajax.data属性来修改提交给服务器的数据。

$('#example').dataTable( {
   "processing": true,
   "serverSide": true,
   "ajax": {
      "url": "script.php",
      "data": function(d, settings){
         var api = new $.fn.dataTable.Api(settings);

         // Convert starting record into page number
         d.pageNumber = Math.min(
            Math.max(0, Math.round(d.start / api.page.len())),
            api.page.info().pages
         );
      }
   }
});