残念ながら本ナレッジベース記事を作成している時点、Ignite UI for Blazor v.23.1 では、Blazor 側の C# コードからこれを実現する機能はまだ用意されておりません。代わりに JavaScri […]
Articles Tagged: IgbGrid
IgbGrid – フォーカスが当たっているセルのデータを取得する方法
IgbGrid でフォーカスが当たっているアクティブなセルに紐づいたデータを取得したい場合は、アクティブなノードが変わったときに発生する ActiveNodeChange イベントコールバックを使ってアクティブセルの行イ […]
IgbGrid – 表示するデータと列定義情報を動的に切り替える
IgbGrid に表示するデータや列定義情報を動的に切り替える場合は、 で可能です。 1. 列情報を別途持つ 表示するデータのクラスのプロパティ名とその表示テキストを保持するクラスを定義します。 2. 列定義情報 […]
IgbGrid セルの値に応じて行全体の色を変える
IgbGrid でセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 方法 IgxGrid の RowClassesScript に RowClasses をハンドルする JavaSc […]
IgbGrid セルの値に応じてセルの色を変える
IgbGrid でセルの値に応じてセルの色を変えてみましょう。完成イメージはこんな感じになります。 方法 「在庫数」の IgbColumn の CellClassesScript に CellClasses をハンド […]
IgbGrid – グループヘッダー(複数列ヘッダー)の背景色を設定する方法
IgbGridのグループヘッダー(複数列ヘッダー)の背景色を設定する場合は、IgbColumnGroup の HeaderGroupClasses にCSSクラスを指定してください。 実行結果 サンプル R […]
IgbGrid – Date 列のフィルタマスクフォーマットを設定する方法
IgbGrid の Date タイプ列に関して、フィルタに表示されるデフォルトの日付フォーマットは、以下のようになっております。 “dd/mm/yyyy HH:mm:ss” これを上図のように […]
IgbGridの選択行データを取得する
IgbGridの選択された行のデータはSelectedRowsプロパティより取得できます。 KB10499-BlazorAppGrid_SelectedRows ダウンロード GitHub リポジトリはこちら
IgbGrid および IgbPagenator – 表示を日本語にローカライズする
IgbGrid 本体の日本語化 IgbGrid の表示は、既定では英語表記となっています (下図は IgbGrid の FilterMode パラメーターに FilterMode.ExcelStyleFilter を指定 […]
BodyTemplate を含む IgbGrid を Blazor Server で実行するとサーバーとの接続が切断される場合がある
BodyTemplate テンプレートパラメータを含む IgbGrid を、Blazor Server 上で実行している場合に、サーバー側との接続 (SignalR 接続) が一時切断される場合があります。 これは、Bl […]