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') 
  • 相关阅读:
    [Usaco2005 open]Expedition
    舞会
    双栈维护之--Hdu4699 editor
    利用两个堆来维护第K大之Poj3784 Running Median
    Zju1061Web Navigation 网络导航
    Qsort求静态的第K大
    BZOJ2726【SDOI2012】任务安排(斜率优化Dp+二分查找)
    P2365 任务安排 斜率优化入门
    任务处理--斜率优化Dp入门
    结构体排序教学
  • 原文地址:https://www.cnblogs.com/hdwang/p/7112193.html
Copyright © 2011-2022 走看看