easyui中 datagrid 保存查询条件 以及 查询页码

我需要把查询出来的数据 跳转详情或者操作后 返回还是之前的 查询条件和页码
1 获取当前页码和查询条件

function getPageNum() {
     //获取当前页码信息
        var grid = $("#dg");
        var options = grid.datagrid('getPager').data('pagination').options;
        return options;
    }
    function getQueryParams() {
      //获取查询条件
        var userCar = {};
        userCar.platNumber= $("#title").textbox("getValue");
        return userCar;
    }

2 当跳转其他页面的时候 比如详情 把分页信息和查询条件保存到sessionStorage中

onDblClickRow :function(rowIndex,rowData){//双击查看详情
            //保存分页信息和查询条件
            var options =getPageNum();
            var page = options.pageNumber;
            var rows = options.pageSize;
            var userCar = getQueryParams();
            sessionStorage.clear();//清除sessionStorage
            sessionStorage.setItem('page',page);
            sessionStorage.setItem("rows",rows);
            sessionStorage.setItem("userCar",JSON.stringify(userCar));
            //查看详情
            Detail(rowData.id);
        },

3,在详情页面 点击返回 参数标识 这是返回请求

function back() {
        ruyiruyi.addTab(title, url+"?action=back");
    }

跳转回查询界面 ,根据参数是否是返回请求查询,是则取出查询条件及页码

    var action = "${param.action}";
    var num = parseInt(1) ;
    var size = parseInt(10) ;
    var userCar = {};
    if(action == 'back') {
        //是返回请求
        num = parseInt(sessionStorage.getItem('page'));
        size = parseInt(sessionStorage.getItem('rows'));
        userCar = JSON.parse(sessionStorage.getItem("userCar")) ; 
    }
    //初始化datagrid
    $('#dg').datagrid({
       toolbar: '#toolbar',
       url: '/userInfo/selectUsersCarList',  //
       pagination: true,//分页工具栏pagination
       rownumbers: true,//分页的行号
       pageNumber:num,
       pageSize:size,//每页显示多少条
       queryParams:userCar,//查询条件
       pageList:[10,30,50,100],
       fit: true,
       singleSelect:true,
       checkOnSelect:false,
       onDblClickRow :function(rowIndex,rowData){//双击查看详情
       }
         columns: [[]], 
          onLoadSuccess: function () {//加载成功 把下查询条件复现
           if(userCar.platNumber != null && userCar.platNumber !='') {
               $('#title').textbox('setValue', userCar.platNumber);
           }
       }
    });

4,重置按钮来重置查询条件

    function resetForm() {
         userCar ={};//把查询条件置空
         $("#title").textbox("clear");
         searchForm();
     }
    function searchForm() { 
         $('#dg').datagrid('load', {
             platNumber: $("#title").textbox("getValue"),
         });
     }

你可能感兴趣的:(easyui)