[Ignite UI for Angular 11.1 新機能] IgxGrid、IgxTreeGrid、IgxHierarchicalGridでsorting、filtering、columnPinned、columnVisibilityChangingイベントが実装されました。

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

Ignite UI for Angular 11.1から、IgxGrid、IgxTreeGrid、IgxHierarchicalGridでsorting、filtering、columnPinned、columnVisibilityChangingイベントが実装されました。

APIリファレンス

• sorting:
  • 並べ替えが適用される前に発生します。イベント引数のcancelプロパティにtrueを設定すると並べ替えをキャンセルできます。条件によって並べ替えを抑止したい場合に使用すると便利なイベントです。
  • [IgxGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#sorting
  • [IgxTreeGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtreegridcomponent.html#sorting
  • [IgxHierarchicalGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxhierarchicalgridcomponent.html#sorting
• filtering
  • フィルタリングが適用される前に発生します。イベント引数のcancelプロパティにtrueを設定するとフィルタリングをキャンセルできます。条件によってフィルタリングを抑止したい場合に使用すると便利なイベントです。
  • [IgxGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#filtering
  • [IgxTreeGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtreegridcomponent.html#filtering
  • [IgxHierarchicalGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxhierarchicalgridcomponent.html#filtering
• columnPinned
  • 列がピン固定された後に発生するイベントです。イベント引数のinsertAtIndexプロパティに挿入位置のインデックスを指定すると、その位置に挿入できます。
  • [IgxGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#columnpinned
  • [IgxTreeGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtreegridcomponent.html#columnpinned
  • [IgxHierarchicalGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxhierarchicalgridcomponent.html#columnpinned
• columnVisibilityChanging
  • 列の表示状態が変更される前に発生します。イベント引数のcancelプロパティにtrueを設定すると表示状態の変更をキャンセルできます。条件によって表示状態の変更を抑止したい場合に使用すると便利なイベントです。
  • [IgxGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#columnvisibilitychanging
  • [IgxTreeGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxtreegridcomponent.html#columnvisibilitychanging
  • [IgxHierarchicalGrid] https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxhierarchicalgridcomponent.html#columnvisibilitychanging