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

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

Ответы

Ответ 1

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

Ext.get("my-div");

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

Смотрите здесь и здесь

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

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

Смотрите здесь (показать), здесь (скрыть) и здесь (toggle) соответственно. Таким образом, "idoftheponponent" будет, скажем, идентификатором, назначенным объекту Panel.

Вы также можете обратиться к элементу напрямую с помощью других селекторов, таких как document.getElementbyId, например.

 document.getElementById('elementtoshow').show();

Ответ 2

Ext.AbstractComponent имеет скрытое свойство, которое вы можете установить как true при инициализации, а затем программно изменить по требованию

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

а затем позже...

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