IgbGrid の NavigateTo メソッドを利用することで、スクロール位置を変更することができます。

NavigateTo メソッド自体は、引数で渡されてきた行インデックスと可視列インデックスで指定されるセルが表示範囲に入るように IgbGrid をスクロールさせるメソッドです。 

NavigateTo メソッド定義:

public void NavigateTo(double rowIndex, double visibleColIndex, object cb)
  • double rowIndex: 表示範囲に持ってきたいセルの行インデックス
  • double visibleColIndex: 表示範囲に持ってきたいセルの可視列インデックス
  • object cb: コールバック function

直接 IgbGrid に対して特定の位置にスクロールさせる API はありません。代わりにこの機能を利用して IgxGrid をスクロールさせる形になります。

private void OnGoToFirstClicked()
{
    // 先頭行の先頭セルへ移動
    this.igbGrid?.NavigateTo(0, 0, null);
}

private void OnGoToLastClicked()
{
    // 最終行の最終セルへ移動
    // ※people は IgbGrid で表示させているデータソースという想定
    this.igbGrid?.NavigateTo(this.people.Count() - 1, this.igbGrid.ActualColumns.Where(column => column.Hidden == false).Count() - 1, null);
}

 

実行結果

 

 

Tagged:

製品について

Ignite UI for Blazor