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

test_touch

于 2012-06-14 15:49:00 发布

阅读量176

点赞数

本文介绍了如何在ExtJS框架中实现对特定组件如textfield和label的显示与隐藏操作，并提供了一个具体的示例，展示了如何通过Ext.getCmp方法来获取组件并调整其可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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