启用和禁用textfield，以便用户有一个textfield来输入extjs中的数据。
启用和禁用textfield，以便用户有一个textfield来输入extjs中的数据。
提问于 2013-04-17 09:47:26
用于启用或禁用文本字段，以便用户只能启用一个文本字段来输入数据. 说明：
如果它们是两个文本字段：textfield1，textfield2。如果用户希望在textfield1中输入数据，则应禁用textfield2。在此场景中:用户以textfield1输入数据，并希望输入textfield2而不是textfield1的输入，然后从textfield1中清除数据，并禁用数据，并启用textfield2 E 221。
示例代码：我不知道要使用哪个事件侦听器来获得此功能。
{
xtype: 'textfield',
width: 215,
fieldLabel: 'Source1',
id: 'textfield1',
listeners: {
}
}, {
xtype: 'textfield',
id: 'textfield2',
width: 215,
fieldLabel: 'Source2',
listeners: {
}
}请帮我解决这个问题。
回答 1
Stack Overflow用户
发布于 2013-04-17 10:55:26
Ext.require([
'Ext.form.*'
]);
Ext.onReady(function() {
var formPanel = Ext.create('Ext.form.Panel', {
frame: true,
title: 'Form Fields',
renderTo: Ext.getBody(),
width: 340,
bodyPadding: 5,
fieldDefaults: {
labelAlign: 'left',
labelWidth: 90,
anchor: '100%'
},
items: [{
id: 'ftf1',
xtype: 'textfield',
name: 'textfield1',
fieldLabel: 'Text field1',
value: ''
},{
id: 'ftf2',
xtype: 'textfield',
name: 'textfield2',
fieldLabel: 'Text field2',
value: ''
}]
});
var ftf1 = Ext.getCmp('ftf1');
ftf1.on('change', function(ftf1, newValue, oldValue, eOpts ) {
if (newValue.valueOf()!='') {
Ext.getCmp('ftf2').disable();
} else {
Ext.getCmp('ftf2').enable();
}
})
var ftf2 = Ext.getCmp('ftf2');
ftf2.on('change', function(ftf2, newValue, oldValue, eOpts ) {
if (newValue.valueOf()!='') {
Ext.getCmp('ftf1').disable();
} else {
Ext.getCmp('ftf1').enable();
}
})
}); 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16056826
复制相关文章
相似问题
腾讯云开发者
