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

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

非常简单，在元素级别（下面的注释）：

其中

my div

是相关元素的id

看到和

在组成部分一级：

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

分别参见和。所以“idofthecomponent”应该是，比如说分配给面板对象的id

您还可以使用其他选择器直接引用元素，例如

---

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

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

然后后来

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

---

仅供参考，get（）应该用于支持不推荐使用的getEl（）。请注意，getEl（）未在文档中列出。这是不正确的-getEl在文档中列出，转到并键入“getEl”。在组件级别使用它并不是不推荐的，在这种情况下，“get”返回一个底层组件，而不是此处所需的包装元素（），因此，在这种情况下，Brian对get/getEl的看法是正确的。你的文档引用的是容器和组件，它们与ExtJs.Valid中的元素不同-将问题解释为notedHanks，在我开始接触ExtJs时从你的站点学到了很多：）

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

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