IgbGrid においてデータのフォーマットをカスタマイズする方法についてご紹介します。本記事では、FormatterScript を使用して、数値データに単位を付加する方法を解説します。 IgbGrid の設定 Igb […]
Articles Tagged: IgbGrid
IgbGrid – Excel Style Filter メニュー機能の構成
IgbGrid を使用してグリッドを作成する際に、Excel スタイルのフィルターメニューがありますが、プロジェクトによっては特定の機能を非表示にしたい場合があります。下図は通常のExcel スタイルフィルターメニューの […]
IgbGrid – セルテキストを右寄せにする
IgbGrid を使用してグリッドを作成する際、セル内のテキストを右寄せにする方法を紹介します。以下の図は、「氏名列」と「職種列」に DataType=”GridColumnDataType.String&# […]
IgbGrid の Date 列で使用されるポップアップカレンダーを日本語表示にする
IgbGridの日付タイプのセルで表示されるポップアップカレンダーはデフォルトで英語表記となっています。 カレンダーを日本語で表示するには、JavaScript を使用して日本語情報を持つ “ja” […]
IgbGrid – 行をクリックしても選択したくない
IgbGrid で行選択機能を使用する際、デフォルトでは行またはセルをクリックすると行選択状態となります。本記事では行をクリックしても行選択状態とならず、チェックボックスの使用のみ行選択する方法について解説します。 Se […]
IgbGrid の Excel エクスポート時にファイル名に現在の日時を追加する
IgbGridToolbarExporter の ExportStartedScript に指定した javascript ファンクションを使用し、引数よりファイル名にエクスポートの日時を追加することができます。 以下の […]
IgbGrid – コードビハインドで行を追加したい
IgbGrid を使用して、コードビハインドでデータを入力フォームから行を追加する方法について解説します。 IgbGrid の設定 まず、IgbGrid を使用してデータを表示する準備をします。@ref ディレクティブを […]
IgbGrid – コードビハインドでソートをクリアする方法
IgbGrid コンポーネントを使用して、コードビハインドから特定の列や全体のソートをクリアする方法について解説します。 IgbGrid の設定 まず、IgbGrid コンポーネントを @ref ディレクティブで参照でき […]
IgbGrid – データ読み込み中にインジケータを表示したい
IgbGrid でのデータ読み込みインジケータの表示方法について解説します。 IgbGrid の設定 IgbGrid には、データの読み込み状態を管理するためのIsLoadingプロパティがあります。このプロパティを利用 […]
IgbGrid – コードビハインドで選択した行を削除したい
選択した行をプログラムから削除する方法について単一行選択時の例を元に解説します。 Ignite UI for Blazor の仕様変更よりお使いのバージョンによって行の削除方法が異なります。本記事では仕様が変わるバージョ […]