extjs4.2 combo 多选如何取值
时间: 2024-03-08 13:48:03 浏览: 214
在 ExtJS 4.2 中,可以使用 Ext.form.field.ComboBox 类来创建下拉框,如果你想要让下拉框支持多选,你可以在创建下拉框时指定 multiSelect 属性为 true。例如:
```javascript
Ext.create('Ext.form.field.ComboBox', {
fieldLabel: 'Choose Colors',
store: ['Red', 'Green', 'Blue', 'Yellow'],
multiSelect: true,
queryMode: 'local',
displayField: 'text',
valueField: 'value',
renderTo: Ext.getBody()
});
```
在这个示例中,我们创建了一个下拉框,并将 multiSelect 属性设置为 true,这样用户就可以选择多个值。当用户选择完值后,我们可以通过 getValue 方法来获取下拉框的值,它会返回一个数组,其中包含用户选择的所有值。例如:
```javascript
var comboBox = Ext.create('Ext.form.field.ComboBox', {
fieldLabel: 'Choose Colors',
store: ['Red', 'Green', 'Blue', 'Yellow'],
multiSelect: true,
queryMode: 'local',
displayField: 'text',
valueField: 'value',
renderTo: Ext.getBody()
});
// 获取选中的值
var selectedValues = comboBox.getValue();
console.log(selectedValues); // 输出用户选择的值
```
在这个示例中,我们首先创建了一个下拉框,然后通过 getValue 方法获取用户选择的值。getValue 方法返回一个数组,其中包含用户选择的所有值。我们可以将这个数组用于后续的处理。
阅读全文