如何使用extjs显示/隐藏/切换元素?

非常简单,在元素级别(下面的注释更进一步):

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

ext.abstractcomponent有一个隐藏属性,可以在初始化时设置为true,然后根据需要进行编程更改。

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

后来…

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