对Extjs中的CheckBoxGroup的认识

最新推荐文章于 2023-06-17 23:11:22 发布

最新推荐文章于 2023-06-17 23:11:22 发布 · 172 阅读

文章标签：

#EXT

工作日志专栏收录该内容

45 篇文章

订阅专栏

本文介绍了一个使用ExtJS创建CheckboxGroup组件的例子。该组件包含三个选项，并演示了如何通过myCheckboxGroup实例访问和操作这些选项。

var myCheckboxGroup = new Ext.form.CheckboxGroup({
id:'myGroup',
xtype: 'checkboxgroup',
fieldLabel: 'Single Column',
itemCls: 'x-check-group-alt',
// Put all controls in a single column with width 100%
columns: 1,
items: [
{boxLabel: 'Item 1', name: 'cb-col-1'},
{boxLabel: 'Item 2', name: 'cb-col-2', checked: true},
{boxLabel: 'Item 3', name: 'cb-col-3'}
]
});

myCheckboxGoup是一个Checkbox组件的集合,对每一个Checkbox项的访问，可能过
myCheckboxGroup.items.get(i) 定位到Checkbox 然后查看属性值例如 myCheckboxGroup.items.get(i).inputValue

如果这种方法没有效果
可以尝试用这样的方法
myCheckboxGroup.setValue('cb-col-1', true);//设置 name为cb-col-1 的checked为true 即表选中