关于extjs中下拉框的change事件！
现有form1和form2，点击一个页面中的一个按钮后弹出form1，form1中有一个下拉框，有x和y两个选择，默认为x，现在改变下拉框的值为y，请问如何将form1销...
现有form1和form2，点击一个页面中的一个按钮后弹出form1，form1中有一个下拉框，有x和y两个选择，默认为x，现在改变下拉框的值为y，请问如何将form1销毁，并弹出form2。请高手指点，越详细越好，谢谢！
展开
展开全部
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>
简单的还是应该自己搞搞。
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>
简单的还是应该自己搞搞。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
