var data = [
[1,"郑州"],
[2,"北京"],
[3,"上海"]
]
var proxy = new Ext.data.MemoryProxy(data);
var record = Ext.data.Record.create([
{name:"cid",type:"int",mapping:0},
{name:"cname",type:"string",mapping:1}
]);
var reader = new Ext.data.ArrayReader({},record);
var store = new Ext.data.Store({
proxy:proxy,
reader:reader,
autoLoad:true
});
var combo = new Ext.form.ComboBox({
id:"combo111",
renderTo:Ext.getBody(),
triggerAction:"all",
store:store,
displayField:"cname",
valueField:"cid",
mode:"local",
emptyText:"请选择"
});
//默认选中某一项
combo.getStore().on("load",function(){
combo.setValue(2);
});
//下面这样是获取不到数据的
alert(combo.getValue()+"---"+combo.getRawValue());
var btn = new Ext.Button({
text:"test",
renderTo:Ext.getBody(),
handler:function(){
//这个可以获取到
alert(combo.getValue()+"---"+combo.getRawValue());
}
});
[1,"郑州"],
[2,"北京"],
[3,"上海"]
]
var proxy = new Ext.data.MemoryProxy(data);
var record = Ext.data.Record.create([
{name:"cid",type:"int",mapping:0},
{name:"cname",type:"string",mapping:1}
]);
var reader = new Ext.data.ArrayReader({},record);
var store = new Ext.data.Store({
proxy:proxy,
reader:reader,
autoLoad:true
});
var combo = new Ext.form.ComboBox({
id:"combo111",
renderTo:Ext.getBody(),
triggerAction:"all",
store:store,
displayField:"cname",
valueField:"cid",
mode:"local",
emptyText:"请选择"
});
//默认选中某一项
combo.getStore().on("load",function(){
combo.setValue(2);
});
//下面这样是获取不到数据的
alert(combo.getValue()+"---"+combo.getRawValue());
var btn = new Ext.Button({
text:"test",
renderTo:Ext.getBody(),
handler:function(){
//这个可以获取到
alert(combo.getValue()+"---"+combo.getRawValue());
}
});
本文将介绍如何使用Ext.js库创建ComboBox组件,并通过示例代码展示其配置和基本用法,包括数据源设置、显示字段和值字段定义等。
4万+

被折叠的 条评论
为什么被折叠?



