igGrid では列の mapper 関数を使用して複合オブジェクトが持つプロパティのデータをセルに表示することができます。マッピングはデータソースレベルで行われるため、並べ替えおよびフィルターは mapper 関数から […]
Articles Tagged: igGrid
igGridでセルの値の変更に応じて他のセルの値を更新する
igGridではセルの編集終了時のイベントで変更に応じてプログラムによって他のセルの値を更新することが可能です。セルの編集終了時に発生するイベントはigGridUpdating機能のeditCellEndedイベントです […]
igGridでセルの入力開始時に半角入力に切り替える
igGridではIMEモードを制御する機能は実装されていないのですが、セルの編集開始時のイベントで内部のinput要素に対して一時的にtype=telを設定することは可能です。セルの編集開始時に発生するイベントはigGr […]
igGridでドラッグ＆ドロップ操作によって行の並べ替えを行う
igGridではドラッグ＆ドロップ操作によって行の入れ替えを行うAPIは実装されていないのですが、jQueryのSortable機能を使用して同等の動作を実現することができます。 以下のようにigGridのrowsRen […]
igGridでマトリクス表示を行う
igGridの一番左側の列のセルに対して列ヘッダーと同等のcssを付与し、行ヘッダーのように見せることができます。 特定列のセルのcssクラスはigGridのcolumnsコレクションを定義する際にcolumnCssCl […]
igGrid セル編集後の値を任意の形式に変換する
igGrid でセル編集後、入力値を業務用件に応じた任意の形式に変換する場合、igGrid の editCellEnded イベントを捕捉し、業務用件に応じた処理の実装を加えます。また、必要な処理を行った結果をセルの値と […]
↑（上へ）、↓（下へ）ボタンのようなものを追加してigGridの行の位置を移動することはできますか？
できます。 上下ボタンのクリックによって選択されている行を上下に動かすことができるようにするには、データソースのデータから選択されている行のデータを検索し、データソース側でdeleteRowメソッドおよびinsertRo […]
igGridの選択中の行の下に行追加することは出来ますか？
選択されている行の下に新規データを追加するには、igGridSelectionのselectedRowで選択されている行を取得し、igDatasourceのinsertRowメソッドでその下に追加し、そのあとigGrid […]
igGridの任意の行に行追加することは出来ますか？
任意の行に新規データを追加するには、igDatasourceのinsertRowメソッドで追加し、そのあとigGridのdataBindメソッドで再バインドをしてください。 igGridUpdatingのrowAddin […]
igGrid – 行セレクターのチェックボックスがクリックされた行のデータを取り出したい
igGridの行セレクター（RowSelectors）のチェックボックスがクリックされた際に、その行のデータを取り出したい場合は、checkBoxStateChangingイベントもしくはcheckBoxStateCha […]