Как показать/скрыть/переключить элемент с помощью 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;