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

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