[Ignite UI for Angular 11.1 新機能] IgxGrid、IgxTreeGrid、IgxHierarchicalGridにselectRowOnClickプロパティが追加され、行のクリックでその行を選択するかどうかを指定できるようになりました。

Ignite UI for Angular 11.1.7バージョン時点での情報に基づいています。

Ignite UI for Angular 11.1にて、IgxGrid、IgxTreeGrid、IgxHierarchicalGridにselectRowOnClickプロパティが追加され、行のクリックでその行を選択するかどうかを指定できるようになりました。

• trueを指定した場合
  • 行選択ボックスをクリックする、もしくは、行をクリックすると、その行が選択されます。
• falseを指定した場合
  • 行選択ボックスをクリックした場合のみ行が選択されます。

selectRowOnClickの既定値はtrueです。

<igx-grid ...
  [rowSelection]="'single'"
  [selectRowOnClick]="true">
  ...
</igx-grid>

<igx-tree-grid ...
  [rowSelection]="'single'"
  [selectRowOnClick]="true">
  ...
</igx-tree-grid>

<igx-hierarchical-grid ...
  [rowSelection]="'single'"
  [selectRowOnClick]="true">
  ...
</igx-hierarchical-grid>

　

実行結果

　

サンプル

　

APIリファレンス

• selectRowOnClick
  • [IgxGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#selectrowonclick
  • [IgxTreeGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtreegridcomponent.html#selectrowonclick
  • [IgxHierarchicalGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxhierarchicalgridcomponent.html#selectrowonclick