脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Ext JS百强应用：ComboBox是什么？怎么使用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

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

怎么使用？

[javascript]
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() 
          }); 
}); 

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Ext JS百强应用：ComboBox是什么？怎么使用全部内容，希望文章能够帮你解决javascript代码实例教程-Ext JS百强应用：ComboBox是什么？怎么使用所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。