IgrDataGridでクリックされた行の情報を取得する

  • 公開日:
  • 最終更新日:

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: