【问题标题】:How to enable Datatables pagination buttons for infinite results?如何启用 Datatables 分页按钮以获得无限结果?
【发布时间】:2020-10-02 20:57:07
【问题描述】:

如何配置Datatable,使分页按钮始终处于启用状态,并触发ajax 数据加载方法?

我的数据太大而无法一次全部加载,因此我使用 "ajax" 选项的“函数”值来调用自定义 JSON 加载方法,该方法可以重复调用以加载下一页结果。

我希望用户点击“上一个”和“下一个”按钮来触发该功能。但是,默认情况下,Datatables 似乎假定“ajax”方法第一次加载所有数据,因此如果结果适合当前表而不需要分页,则分页按钮被禁用。

我曾尝试使用浏览器的检查器通过 CSS 属性动态启用它们,但看起来这只是虚幻的,它们实际上并没有触发 ajax 回调。

我该如何解决这个问题?这甚至是 Datatables 支持的东西吗?

【问题讨论】:

    标签: javascript jquery ajax datatable


    【解决方案1】:

    你应该把serverSide选项放到true来使用ajax。

    如果你想进行分页并且你不知道你有多少条记录,你应该在ajax响应中返回这个{ ... "recordsTotal": Length of table, "recordsFiltered": int.MaxValue, ...}并使用info: falsepagingType: 'simple'选项隐藏记录数并显示只有 Next 和 Previous 按钮,没有页面。

       dataTable({
            ......
            processing: true,
            serverSide: true,
            pagingType: 'simple',
            info: false,
            lengthMenu: [10, 25, 50, 100, 250, 500, 1000],
            searchDelay: 1000,
            pageLength: 10,
            ajax: {
                url: 'url',
                type: 'get'
            }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-25
      • 1970-01-01
      相关资源
      最近更新 更多