IgbGrid – クリックされた行のデータを取得する方法（行選択イベントと選択行のデータの取得）

IgbGrid で行の選択操作が行われると RowSelectionChanging イベントが発生します。イベント引数IgbRowSelectionEventArgs の Detail プロパティの NewSelection プロパティには選択された行の情報が入っています。その情報をもとに選択されているデータを取得してください。

<IgbGrid Data="People" PrimaryKey="@nameof(Person.ID)" AutoGenerate="false" Height="300px"
     RowSelection="GridSelectionMode.Multiple"
     RowSelectionChanging="OnRowSelectionChanging">
     ...
</IgbGrid>

@code {
    private IEnumerable<Person>? People = null;

    private IEnumerable<Person>? SelectedPeople = null;

    private void OnRowSelectionChanging(IgbRowSelectionEventArgs args)
    {
        this.SelectedPeople = args.Detail.NewSelection.Cast<Person>();
    }
}

実行結果

下記リンク先のデモンストレーションサイトで、実際の動作を見ることができます。

https://igjp-kb-blazor.github.io/KB9890_IgbGrid_RowSelectionChanging/