如何使用ExtJS显示/隐藏/切换元素？

Question

如何使用ExtJS显示/隐藏/切换元素？

Answer 1

非常简单，在元素级别（进一步到下面的评论）：

Ext.get("my-div");

其中my-div是相关元素的ID。

请参阅here和here

在组件级别：

Ext.getCmp('idofthecomponent').getEl().show();
Ext.getCmp('idofthecomponent').getEl().hide();
Ext.getCmp('idofthecomponent').getEl().toggle();

分别参见here (show)，here (hide)和here (toggle)。所以'idofthecomponent'就是说，分配给Panel对象的id。

您也可以使用其他选择器直接引用该元素，例如document.getElementbyId。

 document.getElementById('elementtoshow').show();

Answer 2

Ext.AbstractComponent有一个隐藏属性，您可以在初始化中将其设置为true，然后按需以编程方式进行更改

items: [{
     xtype: 'button',
     itemId: 'submitButton',
     text: 'Submit',
     hidden: true
}]

然后再......

me.getComponent('submitButton').hidden = false;