[Ignite UI for Angular 10.2 新機能] igxGrid(IgxTreeGrid,IgxHierarchicalGrid)の特定行のデータを取得する

igxGrid(IgxTreeGrid,IgxHierarchicalGrid)ではバージョン10.2.0にてgetRowData()メソッドが実装されました。プライマリーキー等を指定して行のデータを取得することができます。

以下は、選択されている行のデータを取得するサンプルコードです。

  @ViewChild("grid1", { read: IgxGridComponent, static: true })
  public grid1: IgxGridComponent;
.....    
    const selectedRowKey = this.grid1.selectedRows[0];
    const data = this.grid1.getRowData(selectedRowKey);

　

リファレンス

• 「Class IgxGridComponent – getRowDataメソッド」
  • https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#getrowdata
• 「Class IgxTreeGridComponent – getRowDataメソッド」
  • https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtreegridcomponent.html#getrowdata
• 「Class IgxHierarchicalGridComponent – getRowDataメソッド」
  • https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxhierarchicalgridcomponent.html#getrowdata