Ext JS百强应用：ComboBox是什么？怎么使用？--第2强

Ext JS 的ComboBox是什么？ 说白了，就是下拉列表+文本，只不过更丰富！

怎么使用？

Ext.onReady(function () {
            var store = Ext.create("Ext.data.Store", {
                fields: ["abbr", "name"],
                data: [
                            { "abbr": "wbg", "name": "wubangguo" },
                            { "abbr": "wjb", "name": "wenjiabao" },
                            { "abbr": "hjt", "name": "hujintao" },
                            { "abbr": "lks", "name": "likeshan"}],
                sorters: ["abbr"]   //排序
            });
            Ext.create("Ext.form.ComboBox", {
                fieldLabel: "Choose Name",
                store: store,        //加载数据源
                queryMode: "local", //如果数据是在本地的话，最好使用这个选项，这样就会有助于提高性能，默认情况是remote（注意在我们通过ajax请求返回数据到本地的store时也要使用local选项，因为如果不这样的话，就会多请求服务器一次）
                displayField: "name",
                valueField: "abbr",
                forceSelection: true, //只允许从下拉列表中进行选择，不能输入文本
                editable: false,     //不允许编辑，(默认为true)
                multiSelect: true, //那么这种情况就是允许选择多个项，而且多个项也会显示在combobox中（默认情况是false）
                listeners: {
                    scope: this,
                    "select": function (comboBox, record, index) {
                        Ext.Array.each(record, function (item) {
                            alert(item.get("name"));
                        });
                        alert(comboBox.getValue()); //这个是获取value的不是获取到显示在哪里的值
                    }
                },
                renderTo: Ext.getBody()
          });
});