获取下拉中的所有选项
时间: 2024-02-09 22:09:03 浏览: 33
在 ExtJS 中,可以通过 `Ext.form.field.ComboBox` 组件的 `getStore()` 方法获取其对应的 `Store` 实例,然后通过 `Store` 实例的 `data` 属性获取所有的记录数据。例如:
```
var combo = Ext.getCmp('myCombo'); // 获取 ComboBox 组件
var store = combo.getStore(); // 获取 ComboBox 对应的 Store 实例
var records = store.data.items; // 获取 Store 中的所有记录
// 遍历所有记录,输出记录的 text 和 value 值
Ext.Array.each(records, function(record) {
console.log('text: ' + record.get('text') + ', value: ' + record.get('value'));
});
```
在上面的例子中,我们首先通过 `Ext.getCmp` 方法获取 ComboBox 组件,然后通过 `getStore` 方法获取其对应的 Store 实例。接下来,我们通过 `data` 属性获取 Store 中的所有记录,并通过 `Ext.Array.each` 方法遍历所有记录,输出记录的 `text` 和 `value` 值。
需要注意的是,在遍历记录时,我们使用了 `record.get('text')` 和 `record.get('value')` 方法获取记录的字段值。这里的字段名取决于你在定义 ComboBox 的时候所配置的 `displayField` 和 `valueField` 属性。如果你没有指定这两个属性,则默认使用 `text` 和 `value` 作为字段名。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)