在复选框控件的应用中,不乏复选框较多的情况下,需要进行全选/全取消的操作,方便用户进行数据的审批、入库等等,此时我们可以利用单元格或控件,触发js事件,实现复选框的全选/全取消功能,当然,一般我们还是习惯用用复选框来实现全选/全取消的功能。
1、报表设计:

2、js事件:
如图,触发复选框的状态改变事件来进行全选和全取消:

代码如下:
//获取当前复选框控件的状态,true /false
var flag=this.getValue();
//循环遍历每个复选控件
for(var i=0;i<window.lineboxes.length;i++){
//由每个控件位置获取行号列号
var cr=MR.cellStr2ColumnRow(window.lineboxes[i].options.location);
//逐一赋值当前状态
_g().setCellValue(cr.col, cr.row, flag);
}
3、效果图:

如上,通过设计报表的单元格或控件,触发js事件,就可以实现复选框的全选/全取消。
版权声明:本文为wang1qqqq原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。