ツールチップに表示されるシリーズのラベルはシリーズの Title の値が使用されます。IgbCategoryChart の場合、シリーズの Title の値はバインドされた該当データのクラスのプロパティ名が使用されます。 […]
Category: Ignite UI for Blazor
Blazor で Excel ファイルを作成し、ダウンロードする
ボタンクリックで Excel ファイルを作成し、ダウンロードするサンプルです。 サンプルプログラムのダウンロード GitHub リポジトリはこちら
IgbGrid セルの値に応じて行全体の色を変える
IgbGrid でセルの値に応じて行全体の色を変えてみましょう。完成イメージはこんな感じになります。 方法 IgxGrid の RowClassesScript に RowClasses をハンドルする JavaSc […]
IgbGrid セルの値に応じてセルの色を変える
IgbGrid でセルの値に応じてセルの色を変えてみましょう。完成イメージはこんな感じになります。 方法 「在庫数」の IgbColumn の CellClassesScript に CellClasses をハンド […]
IgbDatePicker – 見た目を IgbInput などの他の入力系コンポーネントと同じにする
Ignite UI for Blaozr の日付ピッカーコンポーネント IgbDatePicker は、既定では、下図のとおり、IgbInput などの他の入力系のコンポーネントと外観が異なっています (例えば、ライトモ […]
IgbCombo – 双方向データバインディングする方法 [v.23.1.37, v.23.1.60]
Ignite UI for Blazor の コンボコンポーネント IgbCombo では、ValueKey パラメーターに指定したメンバー値について、双方向データバインディングを実装することができます。より具体的には、 […]
IgbGrid – グループヘッダー(複数列ヘッダー)の背景色を設定する方法
IgbGridのグループヘッダー(複数列ヘッダー)の背景色を設定する場合は、IgbColumnGroup の HeaderGroupClasses にCSSクラスを指定してください。 実行結果 サンプル R […]
IgbCombo – 選択されている値を取得する方法
IgbCombo で選択されている値を取得したい場合は、JavaScript 側で IgbCombo の描画要素である igc-combo を取り出してください。igc-combo の value が選択されている値です […]
IgbGrid – Date 列のフィルタマスクフォーマットを設定する方法
IgbGrid の Date タイプ列に関して、フィルタに表示されるデフォルトの日付フォーマットは、以下のようになっております。 “dd/mm/yyyy HH:mm:ss” これを上図のように […]
IgbTabs – タブの背景色を変更する
IgbTabsのタブのスタイルはCSS にて設定することができます。例えば、選択されているタブはigc-tab 要素のうち、selected 属性が付いている要素になりますので、この要素に対してbackgroundを指定 […]