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

来源：互联网发布：淘宝刷流量软件下载编辑：程序博客网时间：2024/06/10 09:00

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();

【退回时间】隐藏后效果：