IgbGrid コンポーネントを使用して、コードビハインドから特定の列や全体のソートをクリアする方法について解説します。
IgbGrid の設定
まず、IgbGrid コンポーネントを @ref ディレクティブで参照できるように設定します。
<IgbGrid @ref="grid">
....
</IgbGrid>
ClearSortAsync メソッドの使用
ソートをクリアするには、ClearSortAsyncメソッドを使用します。これにより、列ごとや全体のソートを解除できます。
- 特定の列のソートをクリアする場合、クリアしたい列のフィールド名（例えば “Id”）を
ClearSortAsyncメソッドの引数として渡します。 - すべてのソートをクリアするには、引数を空文字 (“”) にすることで全列のソートを一度に解除できます。
以下は、ID 列のソートを解除する ClearIdSort メソッドと、すべてのソートをクリアするClearALLSort メソッドの例です。
private IgbGrid? grid;
private async Task ClearIdSort()
{
if (grid is null) return;
await grid.ClearSortAsync("Id");
}
private async Task ClearALLSort()
{
if (grid is null) return;
await grid.ClearSortAsync("");
}
ボタンでソートをクリアする
以下のコードは、ソートをクリアするためのボタン設定です。ボタンをクリックすることで、それぞれのメソッドが呼び出され、ソートがクリアされます。
<IgbButton @onclick="ClearIdSort">ID のソートをクリア</IgbButton> <IgbButton @onclick="ClearALLSort">ソートをクリア</IgbButton>
