在ExtJS开发中，为解决CheckboxGroup原生setValue只支持单个值的问题，通过重写Ext.form.CheckboxGroup，新增setValueForItem方法支持以逗号分隔的多个选项值，并添加clearValueForItem方法一键清空所有勾选。
ExtJS CheckboxGroup初始值设置代码
作者：技术拾光
时间：2026-06-12
浏览：601
文章目录
Ext JS CheckboxGroup初始化多选值的实现方法
在Ext JS开发中，CheckboxGroup的初始化值设置有时会让人头疼——因为原生的setValue方法只支持单个值，如果遇到需要同时勾选多个选项的场景，就得额外处理。以下代码通过对Ext.form.CheckboxGroup进行重写，提供了一个更灵活的setValueForItem方法：它支持以逗号分隔的多个选项值，并额外添加了clearValueForItem方法用于一键清空所有勾选。实现非常简洁，可直接参考使用。
复制代码 代码如下:
Ext.override(Ext.form.CheckboxGroup,{
setValueForItem : function(val){ //多个选项值以逗号分开的
val = ","+val+","
this.items.each(function(item) {
if (val.indexOf(item.inputValue) > -1) {
item.setValue(true);
} else {
item.setValue(false);
}
});
}
,clearValueForItem:function(){ // 清空所有值
this.items.each(function(item) {
item.setValue(false);
});
}
});
实用工具推荐
电子包浆
使用 ›绿化、压缩、噪点和虚拟水印，自由调节做旧程度。
图片压缩
使用 ›选择画质和输出格式，预览压缩前后的大小。
相关文章