想要在extjs中选择另一个组合时启用组合框

时间:2015-02-12 07:51:49

标签: extjs extjs4.2 extjs-mvc

有两个组合框和一个按钮。我想要验证,即如果选择“combo1”则应启用“combo2”,当我选择“combo2”时,应启用浏览按钮。

2 个答案:

答案 0 :(得分:0)

我猜你可能想在页面首次显示时禁用第二个组合和按钮。

然后你可以监听每个组合的更改事件,并在你的处理程序代码中禁用\ enable,它根据传递给处理函数参数的值控制你需要。

答案 1 :(得分:0)

Mabe之类的东西(在第一个组合框上插入文字):

组合框2和按钮必须具有此配置:

hidden:true,
disabled:true,

在combobox1上:

listeners:{

change: function(combobox,newValue, eOpts){

 var combo2 = Ext.ComponentQuery.query('#combo2ItemId')[0];
 var button = Ext.ComponentQuery.query('#buttonItemId')[0];

 if(!Ext.isEmpty(newValue)) {
    combo2.setHidden(false).setDisabled(false);
    button.setHidden(true).setDisabled(true);
    }
 else {
    combo2.setHidden(true).setDisabled(true);
    button.setHidden(true).setDisabled(true);
    }
}

在combobox2上:

listeners:{

change: function(combobox,newValue, eOpts){

 var button = Ext.ComponentQuery.query('#buttonItemId')[0];

 if(!Ext.isEmpty(newValue)) {
    button.setHidden(false).setDisabled(false);
    }
 else {
    button.setHidden(true).setDisabled(true);
    }
}

我希望这有帮助!