IgxHierarchicalGrid – 選択された子行の情報を取得する

IgxHierarchicalGrid では親行が展開されたタイミングで子階層のグリッドが生成されます。IgxHierarchicalGridComponent の gridAPI.getChildGrids() メソッドを使用して生成された子グリッド情報にアクセスし、子階層の選択行のデータを参照することができます。

<button (click)="getSelectedRows($event)">選択行を取得</button>

<igx-hierarchical-grid #hierarchicalGrid .....>
.....
    <igx-row-island [rowSelection]="'multiple'" .....>
.....
    </igx-row-island>
</igx-hierarchical-grid>

@ViewChild('hierarchicalGrid', { static: true }) public hGrid1: IgxHierarchicalGridComponent;
.....
getSelectedRows(evt: MouseEvent) {
	const childGrids = this.hGrid1.gridAPI.getChildGrids();
	childGrids.forEach((obj) => {
		const selectedRows = obj.selectedRows;
		if (selectedRows.length > 0) {
      //選択されている子行データをコンソールに出力
			console.log(selectedRows);
		}
	});
}