DataTable 服务器端动态分页

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

与狼裸奔

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

阅读量7.3k

点赞数 1

分类专栏： DataTable

本文链接：https://blog.csdn.net/yangpanloving/article/details/53118794

版权

本文介绍了如何使用服务器端动态分页来提高DataTable性能。通过在JavaScript中初始化表单并设置DataTable参数，如`sAjaxSource`、`bServerSide`，以及自定义`fnServerData`回调函数来实现分页。在后台，接收到分页参数后根据SQL查询进行数据处理。此外，还展示了如何在`initAsyncPagingDT`函数中添加额外参数传递。

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

原始的dataTable显示表单：一次性查找所需的所有数据（但对于若查找的数据有上万条效率太低）

所以用服务器端动态分页：一次访问几条，多次访问后台数据

（1）在js中初始化表单

oTable = initAsyncPagingDT(tableObj, url, cols, colDefs);

/**
* 初始化普通表格
* @param tableObj table对象
* @param url 请求地址
* @param cols 列
* @param colDefs 列设置
* @param fixedColumns 锁定列
* @param sScrollX 横向滚动条
* @param bServerSide 服务器模式
*/

   var initAsyncPagingDT =function(tableObj, url, cols, colDefs, fixedColumns, sScrollX, rows) {
   var oTable = tableObj.DataTable({
        "sDom": "Tflt<'row DTTTFooter'<'col-sm-6'i><'col-sm-6'p>>",
        "iDisplayLength": rows || 10,
        "oTableTools": {
            "aButtons": [ ]
        },
        "deferRender": true,
        "language": {
            "search": "",
            "sLengthMenu": "_MENU_",
            "info": "显示 _START_ 到 _END_ 条记录 ( 总共 _TOTAL_ 条 )",
            "oPaginate": {
                "sPrevious": "上一页",
                "sNext": "下一页"
            },
            "sInfoEmpty": "没有数据",
            "sProcessing