ExtJs3.0 Ext.form.CheckboxGroup批量取值和设值方法
时间: 2023-11-28 21:47:44 浏览: 39
Ext.form.CheckboxGroup是一个可以包含多个checkbox的组件,可以通过以下方法批量取值和设值:
1. 批量取值:
```javascript
var checkboxGroup = Ext.getCmp('checkboxGroupId'); // 获取组件
var values = checkboxGroup.getValue(); // 获取所有选中checkbox的value值,返回一个Array
```
2. 批量设值:
```javascript
var checkboxGroup = Ext.getCmp('checkboxGroupId'); // 获取组件
checkboxGroup.setValue(["value1", "value2", ...]); // 设置多个checkbox的value值,参数为一个Array
```
其中,'checkboxGroupId'是checkboxGroup组件的id属性值。注意,如果checkbox的value值为数字类型,getValue()方法返回的也是数字类型的数组。如果checkbox的value值为字符串类型,getValue()方法返回的是字符串类型的数组。setValue()方法的参数也需要根据checkbox的value值类型进行设置。
相关问题
ExtJs : Ext.data.store 中each的使用技巧
在 Ext.data.Store 中,each 方法用于对 Store 中的每个记录进行迭代并执行指定的函数。以下是使用技巧:
1. 语法:store.each(fn, [scope]);
其中,fn 是处理每个记录的函数,可以是一个函数引用或匿名函数;scope 是 fn 函数中 this 的作用域,如果不指定则默认为 this,即 Store。
2. 使用 each 方法可以避免使用 for 循环对 Store 中的记录进行迭代,从而提高代码的可读性和效率。
3. 在 fn 函数中,可以通过传入的参数 record、index、length 访问每个记录的值和索引位置,以及 Store 的总长度。
4. 在 fn 函数中,可以使用 break 和 return 语句来中断循环和函数执行。
5. 例子:
```
store.each(function(record, index, length) {
console.log(record.get('name'));
});
```
上面的代码会对 Store 中的每个记录进行迭代,并输出每个记录的 name 字段值。
Ext.form.ComboBox 基本定义
Ext.form.ComboBox 是 ExtJS 中的一个表单控件,用于创建一个下拉列表框,用户可以在列表中选择一个或多个选项。该控件可以通过 AJAX 或本地数据源进行数据加载,并支持自动完成和过滤功能。基本定义如下:
```javascript
Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Select State',
store: Ext.create('Ext.data.Store', {
fields: ['abbr', 'name'],
data : [
{"abbr":"AL", "name":"Alabama"},
{"abbr":"AK", "name":"Alaska"},
{"abbr":"AZ", "name":"Arizona"},
//...
]
}),
queryMode: 'local',
displayField: 'name',
valueField: 'abbr'
renderTo: Ext.getBody()
});
```
上述代码创建了一个基本的 Ext.form.ComboBox,包括一个标签、数据源、查询模式、显示字段和值字段等属性。在渲染到页面时,用户可以点击下拉箭头选择一个选项。