extjs的combobox的change事件

最新推荐文章于 2023-06-17 22:16:18 发布

原创最新推荐文章于 2023-06-17 22:16:18 发布 · 1.9w 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Extjs

本文探讨了在ExtJS中使用ComboBox时遇到的问题，即当选择非预设值时，change事件导致所有后续选择值相同。同时提到了select事件作为替代方案，通过接收的参数能获取ComboBox实例并读取当前值。

如果不是‘额’，点击其他combo填入的值都和最后一次触发的相同。‘select’也可以实现(function 中传入的参数不同，combo, records, eOpts)，可以获得combo，再获得值

Ext.getCmp('combobox的id')。然后getValue();

items : [{
xtype : 'combobox',
id : 'one',
name : 'one' ,
margin : '12px 4px 4px 4px',
fieldLabel : '一',
store : ['1', '2', '3',  '非'],
listeners : {
                 change : {
                fn : me.changeValue,
                scope : me
                }
                 }
}, {
xtype : 'combobox',
id : 'two',
name : 'two' ,
margin : '12px 4px 4px 4px',
fieldLabel : ' 二',
store : ['1', '2', '3',  '额 '],
listeners : {
                 change : {
                fn : me.changeValue,
                scope : me
                }
                 }
}, {
xtype : 'combobox',
id : 'three',
name : 'three',
margin : '12px 4px 4px 4px',
fieldLabel : ' 三',
store : ['1', '2', '3', '额 '],
listeners : {
                 change : {
                fn : me.changeValue,
                scope : me
                }
                 }
}}]
 
 
changeValue : function(obj, newValue, oldValue, eOpts  ) {
if (newValue != '额') {
var Mond = Ext.getCmp('one');
if (Mond.getValue() != '额') {
 Mond.setValue(newValue);
}
var Tuesd = Ext.getCmp('two');
if (Tuesd.getValue() != '额') {
Tuesd.setValue(newValue);
}
var Wednesd = Ext.getCmp('three');
if (Wednesd.getValue() != '额') {
Wednesd.setValue(newValue);
}
}
}