IgbCombo – 初期表示時に特定の行を選択する方法

この記事では、IgbCombo の初期表示時にすべての項目を選択する方法について解説します。

IgbCombo の設定

• Data プロパティにリスト型のデータを指定します。
• @bind-Value を使用して、選択された値を双方向でデータバインディングするために使用します。

<IgbCombo ....
          @ref="combo"
          Data="_data"          
          ValueKey="@nameof(Person.Id)"
          @bind-Value="_selectedPerson">
</IgbCombo>

初期選択の設定

初期表示時にすべての項目を選択するために、OnInitialized メソッドを使用します。
このメソッド内で、選択したいデータのIDを @bind-Value にバインドされた変数に設定します。

protected override void OnInitialized()
{
    _selectedPerson = _data.Select(p => (object)p.Id).ToArray();
}

実行結果

上記の設定を行うと、初期表示時にすべての行が選択された状態になります。

関連ドキュメント

• Blazor コンボボックス コンポーネント – Ignite UI for Blazor
• IgbCombo – 双方向データバインディングする方法 [v.23.1.72 以降] – INFRAGISTICS ナレッジ ベース