Lightning コンポーネント開発者ガイド
Winter '25 (API version 62.0)
Spring '24 (API version 60.0)
Winter '22 (API version 53.0)
Summer '21 (API version 52.0)
Summer '19 (API version 46.0)
Spring '19 (API version 45.0)
Winter '19 (API version 44.0)
Summer '18 (API version 43.0)
Spring '18 (API version 42.0)
Winter '18 (API version 41.0)
Summer '17 (API version 40.0)
Spring '17 (API version 39.0)
Winter '17 (API version 38.0)
Summer '16 (API version 37.0)
Spring '16 (API version 36.0)
Winter '16 (API version 35.0)
Summer '15 (API version 34.0)
Spring '15 (API version 33.0)
Winter '15 (API version 32.0)
アプリケーションの概要
アプリケーションの UI の設計
アプリケーションテンプレートの作成
コンポーネントの動的な作成
データ変更の検出
ID によるコンポーネントの検索
イベントハンドラの動的な追加
マークアップの動的な表示または非表示
スタイルの追加と削除
押下されたボタンの確認
アプリケーションとコンポーネントの配布
JavaScript Cookbook
このセクションには、さまざまな JavaScript ファイルで使用できるコードスニペットとサンプルがあります。
-
コンポーネントの動的な作成
$A.createComponent() メソッドを使用して、クライアント側の JavaScript コードでコンポーネントを動的に作成します。複数のコンポーネントを作成するには、$A.createComponents() を使用します。 -
データ変更の検出
コンポーネントのいずれかの属性値が変更されたときにクライアント側のコントローラアクションを自動的に呼び出すようにコンポーネントを設定します。値が変更されると、valueChange.evt イベントが自動的に起動します。valueChange.evt は、value と index の 2 つの属性を取得する type="VALUE" のイベントです。 -
ID によるコンポーネントの検索
JavaScript コードに ID を使用してコンポーネントを取得します。 -
イベントハンドラの動的な追加
コンポーネントから起動されるイベントのハンドラを動的に追加できます。コンポーネントは、クライアント側で動的に作成することも、実行時にサーバから取得することもできます。 -
マークアップの動的な表示または非表示
マークアップの表示を切り替えるときは CSS を使用します。<aura:if> タグを使用することもできますが、より標準的なアプローチである CSS の使用をお勧めします。 -
スタイルの追加と削除
実行時にコンポーネントまたは要素の CSS スタイルを追加または削除できます。 -
押下されたボタンの確認
複数のボタンがあるコンポーネントで押下されたボタンを確認するには、Component.getLocalId() を使用します。