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

Question

Answer 1

非常简单,在元素级别(进一步到下面的评论):

Ext.get("my-div");

my-div有问题的元素的id 在哪里.

在组件级别:

Ext.getCmp('idofthecomponent').getEl().show();
Ext.getCmp('idofthecomponent').getEl().hide();
Ext.getCmp('idofthecomponent').getEl().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;