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

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

2010-11-02 Jeaf Gilbert

非常简单，在元素水平（进一步下面的注释）：

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

来源

2010-11-02 09:13:42 SW4

仅供参考，得到（）应该用于getEl（），这已被弃用。请注意，getEl（）未在文档中列出。 – 2010-11-02 15:40:55

这是不正确的 - 文档中列出getEl IS，转到http://dev.sencha.com/deploy/dev/docs/并键入'getEl'。它不会在组件级别使用，在这种情况下，'get'返回一个底层组件，而不是这里所要求的包装元素（http://dev.sencha.com/deploy/dev/docs/source/Container。 html＃method-Ext.Container-get）vs（http://dev.sencha.com/deploy/dev/docs/source/Component.html#method-Ext.Component-getEl）。 – SW4 2010-11-02 15:45:58

Ergo，Brian在这种情况下对get/getEl是正确的。您的文档引用是与Ext JS中的Element不同的Container和Component。 – 2010-11-02 22:22:47

Ext.AbstractComponent具有隐藏属性，你可以设置初始化为真，然后编程改变需求

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

再后来......

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

来源

2013-05-19 22:55:32

谢谢，简单而实用。 – 2016-12-28 16:14:06

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

回答

相关问题