关于extjs中下拉框的change事件!

现有form1和form2,点击一个页面中的一个按钮后弹出form1,form1中有一个下拉框,有x和y两个选择,默认为x,现在改变下拉框的值为y,请问如何将form1销毁,并弹出form2。请高手指点,越详细越好,谢谢!

第1个回答  2011-11-23
var store = new Ext.data.SimpleStore({
fields:['value','text'],
data:[
['0','x'],
['1','y']
]
})
var combo = new Ext.form.ComboBox({
fieldLabel:'选择',
name:'combo',
store:store,
displayField:'text',
valueField:'value',
mode:'local',
emptyText:'请选择',
listeners:{
'select': function(){
if(combo.getRawValue() == 'y')
{
form1.hide();
form2.show();

}
else
{
form2.close();
form1.show();
}
}
}
})
var form1 = new Ext.form.FormPanel({
renderTo:'form1',
height:100,
width:200,
layout:'form',
items:[combo]
})
var form2 = new Ext.form.FormPanel({
renderTo:'form2',
layout:'form',
height:100,
width:100,
hidden:true,
items:[{html:'1111111111111'}]
})

<body>
<div id="form1"></div>
<p>------------------------------</p>
<div id="form2"></div>
</body>

简单的还是应该自己搞搞。本回答被提问者采纳
第2个回答  2011-11-22
相似回答