在複選框控件的應用中,不乏複選框較多的情況下,需要進行全選/全取消的操作,友善使用者進行資料的審批、入庫等等,此時我們可以利用單元格或控件,觸發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事件,就可以實作複選框的全選/全取消。