extjs 下拉框取值
Ext.onReady(function(){
var form=new Ext.form.FormPanel({
title:'combox扩展实例',
width:500,
height:400,
frame:true,
items:[
{
fieldLabel:'胸章',
xtype:'combo',
name:'combo',
id:'combo1',
store:new Ext.data.SimpleStore({
fields:['value','text'],
data:[
['value1','勇士胸章'],
['value2','英雄胸章'],
['value3','大力士胸章'],
['value4','壮士胸章'],
]
}),
displayField:'text',
valueField:'value',
mode:'local',
emptyText:'请选择' ,
listeners:{
"select":function(){
alert(Ext.getCmp("combo1").getRawValue()); //获取id为combo的值,获得多选下拉框的选中的值
}
},
triggerAction : 'all'
},{
fieldLabel:'多拉下选框',
id:'combo2',
xtype:'combo',
name:'combo',
store:new Ext.data.SimpleStore({
fields:['value','text','defaultType'],
data:[
['value1','中国','checkbox'],
['value2','美国','checkbox'],
['value3','泰国','checkbox'],
['value4','印度','checkbox'],
['value5','韩国','checkbox'],
['value6','日本','checkbox'],
]
}),
displayField:'text',
valueField:'value',
mode:'local',
emptyText:'请选择' ,
listeners:{
"select":function(){
alert(Ext.getCmp("combo2").getRawValue()); //获取id为combo的值,获得多选下拉框的选中的值
}
},
triggerAction : 'all'
}
]
});
form.render("form");
})
var form=new Ext.form.FormPanel({
title:'combox扩展实例',
width:500,
height:400,
frame:true,
items:[
{
fieldLabel:'胸章',
xtype:'combo',
name:'combo',
id:'combo1',
store:new Ext.data.SimpleStore({
fields:['value','text'],
data:[
['value1','勇士胸章'],
['value2','英雄胸章'],
['value3','大力士胸章'],
['value4','壮士胸章'],
]
}),
displayField:'text',
valueField:'value',
mode:'local',
emptyText:'请选择' ,
listeners:{
"select":function(){
alert(Ext.getCmp("combo1").getRawValue()); //获取id为combo的值,获得多选下拉框的选中的值
}
},
triggerAction : 'all'
},{
fieldLabel:'多拉下选框',
id:'combo2',
xtype:'combo',
name:'combo',
store:new Ext.data.SimpleStore({
fields:['value','text','defaultType'],
data:[
['value1','中国','checkbox'],
['value2','美国','checkbox'],
['value3','泰国','checkbox'],
['value4','印度','checkbox'],
['value5','韩国','checkbox'],
['value6','日本','checkbox'],
]
}),
displayField:'text',
valueField:'value',
mode:'local',
emptyText:'请选择' ,
listeners:{
"select":function(){
alert(Ext.getCmp("combo2").getRawValue()); //获取id为combo的值,获得多选下拉框的选中的值
}
},
triggerAction : 'all'
}
]
});
form.render("form");
})