Как показать / Скрыть / Переключить элемент с ExtJS?

Question

Как показать / Скрыть / Переключить элемент с ExtJS?

Answer 1

Очень просто, на уровне элемента (далее к комментариям ниже):

Ext.get("my-div");

Где my-div - идентификатор рассматриваемого элемента.

См. здесь и здесь

На уровне компонента:

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

См. здесь (показать) , здесь (скрыть) и здесь (переключатель) соответственно.Таким образом, «idofthecomponent» будет, скажем, идентификатором, присвоенным объекту Panel.

Вы также можете ссылаться на элемент напрямую, используя другие селекторы, такие как 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;