阅读:9799回复:0
可编辑表格的全选/全不选和反选代码
效果图如下:
图片: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); } //上述代码放在页面逻辑流的自定义节点中 |
|
最新喜欢:![]() |