ID によるコンポーネントの検索
JavaScript コードに ID を使用してコンポーネントを取得します。たとえば、aura:id を使用して ui:button コンポーネントに button1 というローカル ID を追加できます。
1<ui:button aura:id="button1" label="button1"/>cmp.find("button1") をコールすれば、このコンポーネントを検索できます。この cmp は、ボタンを含むコンポーネントへの参照です。find() 関数には、1 つのパラメータがあり、それはマークアップ内のコンポーネントのローカル ID です。
find() は、結果によって異なる種別を返します。
- ローカル ID が一意である場合、find() はコンポーネントを返します。
- 同じローカル ID のコンポーネントが複数ある場合、find() はコンポーネントの配列を返します。
- 一致するローカル ID がない場合、find() は undefined を返します。
テスト目的で、実行時に生成されるグローバル ID によってもコンポーネントを取得できます。
たとえば、ui:button コンポーネントは、次のマークアップにより HTML ボタン要素として表示されます。
$A.getComponent("30:463;a") を使用してコンポーネントを取得します。
1var cmp = $A.getComponent(globalId);1<button class="default uiButton" data-aura-rendered-by="30:463;a">...</button>