easyui 分页记录每页选择的情况

翻页之后,在返回回来还能看到之前选择的记录

这里写图片描述

代码

全局变量
var params=new Object();  


用户列表


function initUserDatagrid(roleID,userDatagrid){//用户列表显示
    $('#'+userDatagrid).datagrid({
        width : 1200,
        url : '/privilege/getUserRoleDatagrid.do',
        queryParams: {
            roleID:roleID,
        },
        title : '用户列表',
        iconCls : 'icon-search',
        striped : true,
        nowrap : true,
        rownumbers : true,
        resizeHandle : 'right',
//      singleSelect : true,
        fitColumns : true,
//      remoteSort : false,
        fit : true,//自适应
        columns : [[

            {
                field : 'id',
                title : 'id',
                checkbox : true,
            },
            {
                sortable : true,
                field : 'userID',
                title : '用户ID',
                sortable : true,
                width : 60,
                fixed:true,
            },
            {
                field : 'loginID',
                title : '用户账户',
                sortable : true,
                width : 80,
                fixed:true,
                //可排序
            },
            {
                field : 'password',
                title : '密码',
                //可排序
                width : 256,
                fixed:true,
            },
            {
                sortable : true,
                field : 'userName',
                title : '姓名',
                width : 60,
                fixed:true,
            },
            {
                field : 'departmentName',
                title : '部门名称',
                width : 120,
                fixed:true,
            },
            {
                field : 'positionTrueName',
                title : '岗位名称',
                width : 120,
                fixed:true,
            },
            {
                field : 'isDelete',
                title : '是否删除',
                width : 60,
                fixed:true,
                formatter:function(value,row,index){  
                       if(value=='0'){
                           return '否';
                       }else if(value=='1'){
                           return '已删除';
                       }else{
                           return '';
                       } 
                   }
            },
            {
                field : 'isLock',
                title : '是否锁定',
                width : 60,
                fixed:true,
                formatter:function(value,row,index){  
                   if(value=='1'){
                       return '锁定';
                   }else{
                       return '未锁定';
                   }  
               } 
            },
            {
                field : 'createDate',
                title : '创建时间',
                width : 150,
                fixed:true,

                formatter:function(value,row,index){  
//                  value=Mon Sep 18 17:19:03 CST 2017
                    if(value){
                          var unixTimestamp = new Date(value.time);
                          return unixTimestamp.toLocaleString(); 
                    }else{
                         return null; 
                    }

                 }  
            },
            {
                field : 'remark',
                title : '备注',
                width : 200,
            },
        ]],
        toolbar : '#tb2',
        pagination : true,
        pageSize : 10,
        pageList : [10, 20, 50,100,500],
        pageNumber : 1,
        sortName : 'userID',
        sortOrder : 'DESC',
        onUncheck: function(index, row){//在用户取消勾选一行的时候触发
            onUncheck(index, row);
        },
        onCheck: function(index, row){//勾选一行的时候触发
            onCheck(index,row);
        },
        onCheckAll: function(rows){//选中所有行触发
            onCheckAll(rows);
        },
        onUncheckAll: function(rows){//取消所有行格触发
            onUncheckAll(rows);
        },
        onLoadSuccess: function(data){//加载数据成功,也就是刷新页面或者点击前页后页的时候触发
            onCheckPage(data);
        },


    });
    }
//点击选中单元格设置用户ID组
function onCheck(index, row){
    var userID=row.userID;
    var id=row.id;
    params[userID]=id;

}
//点击取消单元格设置用户ID组
function onUncheck(index, row){
    var userID=row.userID;

    delete params[userID]; 
}
//点击全取消设置用户ID组
function onUncheckAll(rows){
    var num=rows.length;
    for (var i = 0; i < num; i ++) {
        var userID=rows[i].userID;
        delete params[userID]; 
    };
}
////点击全选设置用户ID组
function onCheckAll(rows){
    var num=rows.length;
    for (var i = 0; i < num; i ++) {
        var userID=rows[i].userID;
        var id=rows[i].id;
        params[userID]=id;
    };
}
//用户点击翻页的时候,设置勾选
function onCheckPage(data){
    var arr=getArrCheckID();
    var rows = data.rows;  
     for (var i = 0; i < arr.length; i++) {
         for (var j = 0; j < rows.length; j++) {
             if(rows[j].id == arr[i]){  
                var index = $('#managerUserRole').datagrid('getRowIndex',rows[j]); 
               $('#managerUserRole').datagrid('selectRow', index); //根据id选中行 
             }
         }
     }
}


function getArrCheckID(){
    var arrCheckID=[];//角色用户数组
    for(var userID in params){
        var id=params[userID];
        arrCheckID.push(id)
    }
    return arrCheckID;
}

选择一个角色获取的所有用户

//返回用户ID的数组
function initUserIDs(roleID,isChecked){
    $.ajax({
        type : 'POST',
        url : "/privilege/getUserRole.do",
        data : {

                roleID:roleID,
                isChecked:isChecked,

        },
        success : function (data) {
             var data = eval('(' + data + ')');  
            if (data.message=='ok') {
             var rows=data.rows;
             initParams(rows);
            }else{
                //不做处理
            }
        },
    });

}


function initParams(rows){
    var num=rows.length;
    for (var i = 0; i < num; i ++) {
        var userID=rows[i].userID;
        var id=rows[i].id;
        params[userID]=id;
    };
}

猜你喜欢

转载自blog.csdn.net/zhou920786312/article/details/79966656