Question

在extjs中，如何用method改变textfield中inputType的问题

items:[
{
xtype:'featureButtonIdCombo',
listeners:{
change: function(){
var type = this.getValue();

if(type == 'AUTHO')
将xtype:'textfield'中inputType改为'password';
else
将xtype:'textfield'中inputType改为'text'; }
}
},
{
xtype:'toolbar',
border:false,
items:[{
xtype:'textfield',
fieldLabel: Bongo.util.GlobalUtil.translateKey('button_column_featureDigits'),
inputType: ?????,
width:350
}]
},
]

这是代码的基本框架，问题是：
xtype:'featureButtonIdCombo'的值为“AUTHO”时，xtype:'textfield'的inputType为“password”;
xtype:'featureButtonIdCombo'的值为其他时，xtype:'textfield'的inputType为“text”;
请教各位extjs牛人不吝赐教，最好解释的详细一点，能给出具体的实现代码更好，非常感谢！

Answer 1

Ext的控件显示到页面上最后还是要转换成html标签的，textfield转换之后成为<input type='text' />
而input的type属性是不能修改的，所以你只能另想办法了。
一种是创建两个textfield，一个inputType='text' 一个inputType='password'，显示的时候显示一个隐藏另一个；
一种是创建一个textfield，
if(type == 'AUTHO') {
if(现有textfield不是password类型){
删除现有的textfield；
创建新的合适的textfield；
}
} else {
if(现有textfield不是text类型){
删除现有的textfield；
创建新的合适的textfield；
}
}

Answer 2

这样直接改变xtype 可能会有问题

因为有些xtype，例如Combo或者password 它有专有的属性

不是简单一个变更xtype的属性值就行了

建议还是写两个xtype组件，同时只显示一个组件 另一个隐藏

例如：

var cmp1 = Ext.getCmp("cmp1_id");
var cmp2 = Ext.getCmp("cmp2_id");
if(type == 'AUTHO') {
    cmp1.show();
    cmp2.hide();
}else {
    cmp1.hide();
    cmp2.show();
}