[JavaScript知识库][Ext JS]3.2.3 下拉选项框 Combobox

Combobox 的介绍

Combobox ， 翻译过来是组合框， 也称为下拉框。
该组件类用于创建下拉单选项组件进行选值。对应的类是：Ext.form.field.ComboBox。
Combobox除了可以在下拉单选值，还支持自动完成（输入值时自动匹配下拉单中的选项），远程加载和其他的一些功能。

Ext JS 的Combobox 类似HTML的 <input>标签和<select>标签的组合。 支持在字段中自由输入，也可以从下拉单列表中选值。不在下拉单选项的值也可以输入； 但是也可以设置forceSelection的值是true来限制输入的值必须位于下拉列表的选项中。

选项列表的值从Ext.data.Store 填充，包括远端数据储存。数据仓库中的数据项分别通过valueField 和 displayField 配置映射到每个选项的显示文本和值。

如果数据不是远程的，比如是本地数据，直接从前端加载， 需要设置queryMode 的值为 “local”，这会提高用户的响应速度。

Combobox 的基本用法

比较典型的用法：

1. 定义一个Store

        var generals = Ext.create('Ext.data.Store', {
            fields: ['userId', 'name'],
            data: [
                { "userId": "shu001", "name": "刘备"

了解本专栏 订阅专栏 解锁全文