Extjs在frompanel中隐藏某个textfield以及label组件的方法

1.隐藏某个textfield和label组件 的方法:
 Ext.getCmp('text_id').getEl().up('.x-form-item').setDisplayed(false);//表示隐藏
 Ext.getCmp('text_id').hide();
 Ext.getCmp('text_id').setVisible(true);
 
 Ext.getCmp('text_id').show();
 Ext.getCmp('text_id').setVisible(false);

 
 Ext.getCmp('text_id').getEl().up('.x-form-item').setDisplayed(true);//表示显示
 
2.把该组件放到一个panel上,然后对该panel进行显示和隐藏。如下:
{
    id:'pan_thsj',
             labelWidth:55,
             xtype:'panel',
             baseCls:"x-plain",
             layout:'form',
             anchor:'95%',
             items:[{
                 fieldLabel:'退回时间',
                 name:'backtime',
                 width:143,
                 id:'_thsj',
                 xtype:'datefield',
                 format:'y-m-d'
             }]
}
Ext.getCmp("pan_thsj").hide();
Ext.getCmp("pan_thsj").show();
【退回时间】隐藏后效果:

Extjs在frompanel中隐藏某个textfield以及label组件的方法_第1张图片



你可能感兴趣的:(layout,ExtJs)