IgxGridで選択されている行のデータを取得するには、

  1. IgxGridComponentのselectedRowsで選択行のIDの配列を取得する。
  2. 1で取得した配列の各要素に対して、IgxGridComponentのgetRowDataでデータを取得する。

の順で実装すれば、選択行のデータが取得できます。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
const selectedRows = this.grid1.selectedRows;
if(selectedRows.length > 0){
selectedRows.forEach(element => {
console.log(this.grid1.getRowData(element));
});
}
const selectedRows = this.grid1.selectedRows; if(selectedRows.length > 0){ selectedRows.forEach(element => { console.log(this.grid1.getRowData(element)); }); }
const selectedRows = this.grid1.selectedRows;
if(selectedRows.length > 0){
  selectedRows.forEach(element => {
    console.log(this.grid1.getRowData(element));
  });
}

 

実行結果

 

サンプル

 

APIリファレンス

 

Tagged:

製品について

Ignite UI for Angular