Articles Tagged: IgbGrid

IgbGrid において、特定の列をユーザーに表示しながらも、エクスポート時にはその列を除外する方法についてご紹介します。例として、ユーザーのアイコン画像など、表示は必要ですが、エクスポートしたデータファイルには画像デー […]

方法 IgbGrid 内のセルを編集すると、他のセルの値が自動的に計算され更新される機能を実装した例を紹介します。例として、ユーザーが距離の単位をセンチメートル、メートル、キロメートルのいずれかで入力できるようにしました […]

方法 IgbGrid を使用して特定の条件に基づいてセルの編集を制御する方法について説明します。例として、下図のように “編集可否列” の値が “true” の行のみを編集 […]

IgbGrid を使用して表を作成する際に、グリッド内の文字列の大きさやフォントをどのように変更するかについて説明します。 方法 文字列の大きさやフォントを変更するには、CSS を使用してスタイルを設定します。具体的には […]

IgbGridの行セレクター機能を使用し、IgbGridの行の先頭に行番号を表示することができます。 IgbGridのRowSelectionプロパティを「GridSelectionMode.Multiple」と設定する […]

IgbGridではMovingプロパティをtrueに設定することにより、マウスドラッグでの列の並べ替えが可能になります。 並べ替え後の列順はjavascriptコードにてグリッドのcolumnsコレクションより取得するこ […]

IgbGrid の CellClick イベントコールバック プロパティでクリックされたセルの行 ID や行データを取得したい場合、まず行 ID については引数として渡されてくる IgbGridCellEventArgs […]

IgbGrid を使用して表を作成する際、ヘッダーの文字列を特定の方向に寄せる方法があります。これには、左寄せ、中央寄せ、右寄せなどがありますが、今回は左寄せと中央寄せの方法を紹介します。 方法 まず、ヘッダーの各列に対 […]

IgbGrid におけるグリッドのヘッダーとセル内の文字列を改行する方法についてご紹介します。 ヘッダー内の改行 ヘッダー内の改行 ヘッダーに “最高気温” と “[℃]” […]

IgbGridにバインドされたデータソースの行に変更を加えた場合、そのままではグリッドセルの見た目は更新されません。IgbGridのNotifyUpdateItem()メソッドを実行し、データの変更をグリッドに通知してく […]