演示 CheckboxGroup 勾选、全选、反选和限制勾选
脚本
代码如下 | 复制代码 |
ConstraintChkedNum = 3; // 自定义限制勾选的数量 chkedNum = 0; var checkWeek = { SelectedAll: function(chkGrp) { var idx; var cbAll = Ext.getCmp(chkGrp.items.items[chkGrp.items.length - 2].id); for (idx = 0; idx < chkGrp.items.length - 1; idx++) { var cb = Ext.getCmp(chkGrp.items.items[idx].id); cb.setValue(cbAll.checked); } }, Unselected: function(chkGrp) { var idx; for (idx = 0; idx < chkGrp.items.length - 2; idx++) { var cb = Ext.getCmp(chkGrp.items.items[idx].id); cb.setValue(!cb.checked); } }, SelectedConstraint: function(chk) { if (chkedNum >= ConstraintChkedNum) { alert('最多勾选 ' + ConstraintChkedNum + ' 项.'); chk.suspendEvents(); chk.setValue(false); chk.resumeEvents(); } else { if (chk.checked) chkedNum++; else chkedNum--; } } }
|
HTML文档
代码如下 | 复制代码 |
勾选全选反选
限制勾选
|