レコードデータの階層テーブルの作成

lightning-tree-grid コンポーネントは、子レコードを表示するために展開できるデータの行を表示します。

lightning-tree-grid コンポーネントは lightning-datatable に基づいて構築され、その機能のサブセットをサポートしています。各コンポーネントで提供される機能の比較については、「テーブルでのレコードデータの表示」を参照してください。

ケースが関連付けられた取引先を表示するテーブルを作成しましょう。各行レベルのアクションでは、ナビゲーションサービスを使用して取引先またはケースレコードを編集できます。

Apex を使用してデータを取得しましょう。この例では、取引先名と、状況が New のすべての関連ケースを返す SOQL ステートメントが CaseController.cls に含まれています。

JavaScript ファイル myTreeGrid.js で、@wire を使用して Apex メソッドをコールします。_children キーを使用して、子項目を含む行を定義します。子項目のある行は、子項目を切り替えるシェブロンボタンと共に表示されます。

lightning-tree-grid を使用してテーブルを作成します。