IgrDataGridでクリックされた行の情報を取得するには、cellClickedイベントを利用し、セルがクリックされたタイミングでイベント引数IgrGridCellEventArgsより行データを含むIgrCellInfoを参照する方法があります。 以下実装例です。

        <IgrDataGrid
          cellClicked={this.onCellClicked} ...>
...
         </IgrDataGrid>

 

onCellClicked = (s: IgrDataGrid, e: IgrGridCellEventArgs) => {
      let clickedRowData = e.cellInfo.rowItem; //クリックされた行データ
}

 

リファレンス
  • 「Class IgrDataGrid – cellClicked」
    • https://www.infragistics.com/products/ignite-ui-react/api/docs/typescript/latest/classes/igrdatagrid.html#cellclicked
  • 「Class IgrCellInfo」
    • https://www.infragistics.com/products/ignite-ui-react/api/docs/typescript/latest/classes/igrcellinfo.html

 

Tagged: