冯炼
侠客
侠客
  • UID175
  • 粉丝1
  • 关注0
  • 发帖数11
阅读:9801回复:0

可编辑表格的全选/全不选和反选代码

楼主#
更多 发布于:2016-09-21 17:09
效果图如下:

图片:result.png


第一步:将表格转为可编辑表格,将第一列添加为复选列【不使用可编辑表格自己的复选表头类型】。
第二步:由于复选列勾选时值为1,不勾选值为0【须设置对应的字段设置勾选结果】。
第三步:“全选/不全选”复选框勾选时xx.checked为true,反之为false。
第四步:设置选择状态,主要设置复选列的值为1【勾选】或0【不勾选】。
第五步:获取表格数据,将数据复选列的字段值赋予对应的值,再向表格中加载改变后的数据。
删除表格数据,再加载数据示例代码如下:

EDITGRID.removeAll('gridPersonInfo');
for(var i=0;i<data.length;i++){
 GRID.insertRow('gridPersonInfo',data,i);
}
全选/全不选功能代码如下:

var isCheck = document.getElementById('checkboxAll');//checkboxAll为全选/全不选的编号
var data = GRID.getDatas('gridPersonInfo');//gridPersonInfo为表格编号
if(isCheck.checked){//复选框已勾选
 for(var i=0;i<data.length;i++){
 data.checked='1';//设置为选中
 }
}else{
 for(var i=0;i<data.length;i++){
 data.checked='0';
 }
}
EDITGRID.removeAll('gridPersonInfo');
for(var i=0;i<data.length;i++){
 GRID.insertRow('gridPersonInfo',data,i);//向每行添加数据
}


反选按钮的功能代码如下:

var data = GRID.getDatas('gridPersonInfo');
for(var i=0;i<data.length;i++){
 if(data.checked=='1'){
 data.checked = '0';
 }else{
 data.checked = '1';
 }
}
EDITGRID.removeAll('gridPersonInfo');
for(var i=0;i<data.length;i++){
 GRID.insertRow('gridPersonInfo',data,i);
}


//上述代码放在页面逻辑流的自定义节点中

最新喜欢:

张浩宇张浩宇
游客

返回顶部