datatable指定页码分页

最新推荐文章于 2024-07-03 03:03:06 发布

web_qdkf

最新推荐文章于 2024-07-03 03:03:06 发布

阅读量6.1k

点赞数

分类专栏： dataTable

本文链接：https://blog.csdn.net/web_qdkf/article/details/77113226

版权

该博客主要介绍了如何在使用DataTable时配置分页，并实现点击按钮跳转到指定页码的功能。通过`getDataTableConfig`函数设置分页参数，`turnPagination`函数用于添加跳转输入框和绑定事件，当用户输入页码并确认时，调用`fnPageChange`方法切换到对应页码。

摘要由CSDN通过智能技术生成

  /*
   * 获取DataTable的公共配置
   * basePath 接口路径
   * tableId  当前table的id
   * len 列长
   * idName id名
   * */
  var getDataTableConfig = function(basePath, tableId, len, idName) {
    /*销毁缓存数据*/
    if($.fn.dataTable.isDataTable("#" + tableId)) {
      var table = $("#" + tableId).DataTable();
      table.destroy();
    }
    var obj = {
      "language": {
        "url": "../../js/Chinese.json"
      },
      "serverSide": true,
      /*是否开启分页*/
      "paging": true,
      "bProcessing": true,
      /*是否显示查询*/
      "searching": false,
      "bStateSave": false,
      /*分页长度*/
      "iDisplayLength": 15,
      /*是否显示排序按钮*/
      "bSort": false,
      "bLengthChange": false,
      "initComplete": function() {
        $(document).on("click", ".J_menuItem", n);
      },
      /*回调*/
      "drawCallback&