igxGridではバージョン10.1.0よりonScrollイベントの使用が可能となりました。onScrollはグリッドが横方向、もしくは縦方向にスクロールされた際に発生するイベントです。引数IGridScrollEventArgsより、direction(スクロールの方向)、scrollPosition(スクロール位置)を取得することが可能です。

<igx-grid ..... (onScroll)="onScroll($event)">
.....
</igx-grid>
onScroll(evt: IGridScrollEventArgs) {
    console.log("Direction: " + evt.direction + "\nNew Position: " + evt.scrollPosition);
}

リファレンス
  • 「IgxGridComponent – onScroll」
    • https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxgridcomponent.html#onscroll
  • 「インターフェイス IGridScrollEventArgs」
    • https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/interfaces/igridscrolleventargs.html

 

Tagged:

製品について

Ignite UI for Angular