IgbGridではMovingプロパティをtrueに設定することにより、マウスドラッグでの列の並べ替えが可能になります。 並べ替え後の列順はjavascriptコードにてグリッドのcolumnsコレクションより取得するこ […]
Category: Ignite UI for Blazor
IgbDataChart – ツールチップに省略記号を使わず表示したい
IgbDataChart のツールチップを表示するために使用する IgbDataToolTipLayer は、通常 省略形を使用した値をテキストとして表示されます。 下図のようにデフォルトだと値が “1,00 […]
IgbGrid – セルクリックでクリックされたセルの行 ID や行データを取得する方法
IgbGrid の CellClick イベントコールバック プロパティでクリックされたセルの行 ID や行データを取得したい場合、まず行 ID については引数として渡されてくる IgbGridCellEventArgs […]
IgbGrid – ヘッダー文字列の寄せ方向を指定する
IgbGrid を使用して表を作成する際、ヘッダーの文字列を特定の方向に寄せる方法があります。これには、左寄せ、中央寄せ、右寄せなどがありますが、今回は左寄せと中央寄せの方法を紹介します。 方法 まず、ヘッダーの各列に対 […]
IgbDialog – ダイアログの後ろに IgbMultiColumnComboBox のコンボ ボックスが隠れてしまう
IgbDialog に配置した IgbMultiColumnComboBox のコンボ ボックスを開くとダイアログの後ろに表示されてしまいます。ここではダイアログの前面にコンボ ボックスを表示する方法についてご紹介します […]
IgbDialog – ダイアログの後ろに IgbDatePicker のカレンダーが隠れてしまう
IgbDialog に配置した IgbDatePicker のカレンダーを開くとダイアログの後ろに表示されてしまいます。ここではダイアログの前面にカレンダーを表示する方法についてご紹介します。 方法 IgbDatePic […]
IgbGrid – セル内の文字列を改行する方法
IgbGrid におけるグリッドのヘッダーとセル内の文字列を改行する方法についてご紹介します。 ヘッダー内の改行 ヘッダー内の改行 ヘッダーに “最高気温” と “[℃]” […]
IgbInput – ページ遷移後に自動でフォーカスする方法
Router コンポーネントの FocusOnNavigate クラスはあるページから別のページに遷移した後、CSS セレクターに一致する要素にフォーカスを設定します。Selector プロパティはページ間のナビゲーショ […]
IgbGrid – データソースの行の変更時にUIを更新する
IgbGridにバインドされたデータソースの行に変更を加えた場合、そのままではグリッドセルの見た目は更新されません。IgbGridのNotifyUpdateItem()メソッドを実行し、データの変更をグリッドに通知してく […]
IgbGrid – ページャーの色を変更する方法
IgbGrid のページング機能を有効化したときに表示されるページ番号の文字色や “<” や “>” の色を変えてみましょう！ ページ番号を表示している個所の各文 […]