IgbGrid でフォーカスが当たっているアクティブなセルに紐づいたデータを取得したい場合は、アクティブなノードが変わったときに発生する ActiveNodeChange イベントコールバックを使ってアクティブセルの行イ […]
Articles Tagged: IgbGrid
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 – フィルターの表示を日本語にローカライズする
IgbGrid には備え付けのフィルター機能がありますが、そのフィルター機能の表示は、既定では英語表記となっています (下図は IgbGrid の FilterMode パラメーターに FilterMode.ExcelS […]
BodyTemplate を含む IgbGrid を Blazor Server で実行するとサーバーとの接続が切断される場合がある
BodyTemplate テンプレートパラメータを含む IgbGrid を、Blazor Server 上で実行している場合に、サーバー側との接続 (SignalR 接続) が一時切断される場合があります。 これは、Bl […]
IgbGrid – セルに行削除のボタンを設ける
IgbGrid では、列ごとの BodyTemplate テンプレートパラメータを指定することで、セル内に任意のコンテンツを配置することができます。これを利用して、IgbGrid 内の各行に、行を削除する用の「削除」ボタ […]