2 xiongheping xiongheping 于 2014.10.12 22:24 提问

Ext 根据下拉框选择不同的值 显示不同的文本框

Ext 根据下拉框选择不同的值 显示不同的文本框 只显示了文本框没有显示fieldLabel
Ext.onReady(function(){
this.username = {
id:'usernameId',
tabIndex:4,
xtype:'textfield',
fieldLabel: '密码',
cls:'x-upper-text',
width:80,
name: 'username',
maxLength:25,
upperText: true,
anchor:'98%'
};
this.password = {
id:'passwordId',
tabIndex:4,
xtype:'textfield',
fieldLabel: '密码',
cls:'x-upper-text',
width:80,
name: 'password',
maxLength:25,
upperText: true,
anchor:'98%',
hidden: true,
hideLabel:true
};
this.age = {
id:'ageId',
tabIndex:4,
xtype:'textfield',
fieldLabel: '年纪',
cls:'x-upper-text',
width:80,
name: 'age',
maxLength:25,
upperText: true,
anchor:'98%'//,
//hidden: true,
//hideLabel:true
};

this.type = new Ext.form.ComboBox({
        tabIndex:3,

width:80,
anchor:'100%',
fieldLabel: '用户类型',
cls:'x-upper-text',
hiddenName:'docType',
store: new Ext.data.SimpleStore({
fields: ['type', 'typeName'],
data: [
['0', '(0)普通用户'],
['1', '(1)管理员']

]
}),
valueField:'type',
displayField:'typeName',
typeAhead: true,
mode: 'local',
triggerAction: 'all',
forceSelection : true,
width:100,
listeners:{
select:function(combo, record, index){
//alert(record.get('type')+" index : "+index +" combo : "+combo);
var t=record.get('type');
alert(t);
if(t==0){
Ext.getCmp('passwordId').show();
}else{
Ext.getCmp('passwordId').setVisible(false);
}
}.createDelegate(this)
}
});
this.searchForm = new Ext.FormPanel({
labelAlign: 'right',
frame:true,

width: 300,
items:[{
layout:'form',
items:[this.username,this.type,this.password,this.age]
}]
});
new Ext.Window({
title: "窗口",
width: 400,
height: 400,
bodyStyle: "padding: 5px",
items:[this.searchForm]
}).show(Ext.getBody());
})

1个回答

showbo
showbo   Ds   Rxr 2015.01.07 17:00

你自己配置了隐藏fieldLabel了还怎么显示。。。

         this.password = {
            id: 'passwordId',
            tabIndex: 4,
            xtype: 'textfield',
            fieldLabel: '密码',
            cls: 'x-upper-text',
            width: 80,
            name: 'password',
            maxLength: 25,
            upperText: true,
            anchor: '98%',
            hidden: true,
            hideLabel: true////////////////////////
        };
            去掉hideLabel: true配置
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!