web-dev-qa-db-ja.com

ExtJSで要素を表示/非表示/トグルする方法

ExtJSで要素を表示/非表示/トグルする方法

extjs
14
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();
30
SW4

Ext.AbstractComponentには隠しプロパティがあり、初期化でtrueに設定し、必要に応じてプログラムで変更できます。

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

そして後で...

me.getComponent('submitButton').hidden = false;
4
Simon Frost