この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

aura:doneRendering

ルートアプリケーションまたはルートコンポーネントの初期表示が完了したことを示します。

このイベントは、表示する必要があるコンポーネントが他にない場合、またはいずれかの属性値が変更されたため再表示する必要がある場合に自動的に起動されます。aura:doneRendering イベントは、クライアント側のコントローラで処理されます。このイベントを処理するには、コンポーネントに <aura:handler event="doneRendering"> タグを 1 つだけ指定します。

1swfobject.registerObject("clippy.codeblock-0", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:handler event="aura:doneRendering" action="{!c.doneRendering}"/>

たとえば、アプリケーションが初回の表示を完了した後の動作をカスタマイズし、その後の再表示時の動作はカスタマイズしないとします。初回の表示かどうか判定するための属性を作成します。

1swfobject.registerObject("clippy.codeblock-1", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<aura:component>
18    <aura:handler event="aura:doneRendering" action="{!c.doneRendering}"/>
19    <aura:attribute name="isDoneRendering" type="Boolean" default="false"/>
20    <!-- Other component markup here -->
21    <p>My component</p>
22</aura:component>

次のクライアント側のコントローラは、aura:doneRendering イベントが 1 回だけ起動されたことを確認します。

1swfobject.registerObject("clippy.codeblock-2", "9");
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17({
18  doneRendering: function(cmp, event, helper) {
19    if(!cmp.get("v.isDoneRendering")){
20      cmp.set("v.isDoneRendering", true);
21      //do something after component is first rendered
22    }
23  }
24})

aura:doneRendering が起動されると、component.isRendered() から true が返されます。要素が DOM で表示されるかどうかを確認するには、component.getElement()、component.hasClass()、または element.style.display などのユーティリティを使用します。

メモ

aura:doneRendering ハンドラには、次の必須属性があります。

属性名	型	説明
`event`	String	イベント名。`aura:doneRendering` に設定する必要があります。
`action`	Object	イベントを処理するクライアント側のコントローラアクション。

Lightning コンポーネント開発者ガイド

aura:doneRendering