zoukankan      html  css  js  c++  java
  • DataTables添加额外的查询参数和删除columns等无用参数

    //1.定义全局变量
    var iStart = 0, searchParams={};
    
    //2.配置datatable的ajax配置项
    "ajax": {
               "url": "/user/query",
               "type": "POST",
               //动态请求参数设置,会应用到每次请求
               "data": function (d) {
                   //删除多余请求参数
                   for(var key in d){
                       if(key.indexOf("columns")==0||key.indexOf("order")==0||key.indexOf("search")==0){ //以columns开头的参数删除
                           delete d[key];
                       }
                   }
                   //附加查询参数
                   if(searchParams){
                       $.extend(d,searchParams); //给d扩展参数
                   }
               },
               //数据源处理(当数据加载完毕时触发)
               "dataSrc": function ( json ) {
                   iStart = json.start + 1; //起始行号
                   return json.data;
               }
           }
    
    //3.查询按钮绑定点击事件
        /**
         * 搜索
         */
        $('.search').click(function () {
            reloadTable();
        });
    
    //4.刷新表格方法
    /**
     * 重新加载表格,刷新页码
     */
    function reloadTable() {
        //希望搜索一次附加参数,修改搜索条件后,如果不点击搜索按钮,切换页码仍使用上次参数
        var number = $("#number").val();
        var name = $("#name").val();
        searchParams.number = number;
        searchParams.name = name;
    
        var table = $('#userTable').DataTable();
        table.ajax.reload();
    }
    
    //5.刷新表格,页码不变方法
    /**
     * 刷新表格,不改变页码
     */
    function  refreshTable() {
        var table = $('#userTable').DataTable();
        table.draw(false);
    }
    
    //6.跳页实现
    $('#example').DataTable().page(5).draw(false)
    或者
    $('#example').DataTable().page(5).draw('page') 
  • 相关阅读:
    求循环小数
    Android中Intent的用法总结
    Java中@Override的作用
    三种继承方式和访问控制方式对子类成员的影响
    设计一个用于人事管理的People(人员)类
    QSort函数对不同类型数据快速排序浅谈
    QSQLITE 使用
    c++控制内存分配
    dll加载过程全局变量会先初始化
    二维数组
  • 原文地址:https://www.cnblogs.com/hdwang/p/7112193.html
Copyright © 2011-2022 走看看