现在的位置: 首页 > 综合 > 正文

easyUI datagrid实现反选功能

2013年05月25日 ⁄ 综合 ⁄ 共 1490字 ⁄ 字号 评论关闭

JS 代码

$("#roleUserList").datagrid({

checkbox :true,
fitColumns:true,
idField:'uid',
toolbar : [ {
text : '全选',
handler : function() {
$("#roleUserList").datagrid("selectAll");
}
}, '-', {
text : '反选',
handler : function() {
var pageRow = $("#roleUserList").datagrid("getRows")
var selecRow = $("#roleUserList").datagrid("getSelections")
var pageRowSize = pageRow.length;
var selecRowSize = selecRow.length;
var mycars = new Array();
for(var i=0;i<pageRowSize;i++){
var tempArray = new Array();
//便利页面数据,和选中的数据做比较。
for(var j=0;j<selecRowSize;j++){
//如果找到被选中数据直接跳出。否则,将参与比较的选中数据放入数组。
if(pageRow[i]==selecRow[j]){
break;
}else{
tempArray[tempArray.length]= selecRow[j];
}
}
//如果参与比较并且比较结果不同,说明该数据未被选中。如数组中备用!
if(tempArray.length==selecRowSize){
mycars[mycars.length] = pageRow[i];
}
}
$("#roleUserList").datagrid("clearSelections");

var mylen = mycars.length;
for(var ind=0;ind<mylen;ind++){
$("#roleUserList").datagrid("selectRecord",mycars[ind].uid);
}
}

},'-', {
text : '取消',
handler : function() {
$("#roleUserList").datagrid("clearSelections");
}
},'-', {
text : '添加',
iconCls : 'icon-add',
handler : function() {
var orgName = $("#orgName").val();
var userList = $("#roleUserList").datagrid("getSelections")
var uids = new Array();
for(var i=0;i<userList.length;i++){
uids[i] = userList[i].uid;
}
$.ajax({
type:'post',
url:'authoritiesManagerAction!addUserToOrg.do',
dataType:"json", 
data:{
"uids":uids,
"orgName":orgName
},
sussecc:function(){
alert("功能开发中。。。。。。");
}
});
}
}],
   columns:[[
{field :'checkbox',title:'选择',checkbox :true, width:40},  
       {field:'uid',title:'账号',width:100},
       {field:'cn',title:'姓名',width:100}
   ]]
});

抱歉!评论已关闭.