Ext.Net_CheckboxGroup 勾选、全选、反选和限制勾选

作者:袖梨 2022-06-25

演示 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

var cb = Ext.getCmp(chkGrp.items.items[idx].id);

cb.setValue(cbAll.checked);

}

},

Unselected: function(chkGrp) {

var idx;

for (idx = 0; 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文档

代码如下 复制代码

勾选全选反选

限制勾选

相关文章

精彩推荐