Articles Tagged: igGrid

igGrid でマウスをホバーしたセルをハイライト（強調表示）する場合、下記実装を行います。 １．デフォルトの行ハイライトを無効化します。 ２．igGrid のセルに対して、mouseenter と mouseleave […]

igGrid では、セルにマウスが入ったタイミングで発生するイベントの提供はございません。このため、igGrid のセル（TD 要素）に対して、jQuery などを用いて直接イベントハンドラーを登録していただくかたちとな […]

igGrid では、editorType に datePicker を指定することで、日付列の編集エディタとして、jQuery UI の datePicker を利用することができます。この datePicker はセル […]

igGridのprimaryKeyオプションには複数の項目を設定いただけません。データソース側で値が一意となる単一のデータ項目をご用意いただき、オプションに設定してください。

igGrid のテンプレート機能では、セル内に任意のコントロールを配置することができます。また、テンプレート内にデータソースのバインドデータを埋め込むこともできます。バインドデータの埋め込みは、テンプレート内に ${ バ […]

igDialog に配置した igGrid でリモートソートを行う例をご紹介します。 ポイントは二つです。 igGrid では、dataSource オプションに URL を指定すると、リモートソート時にも同じ URL […]

igGrid では、バインドデータの並び替えをサーバー側で行う機能に対応しています。igGrid に対してソート処理を実行すると、igGrid のデータソースとして参照しているアクションを呼び出します。 呼び出されたアク […]

igGridの編集機能を有効にすると、行の追加および行の削除のUIも表示されます。 行の追加や削除のUIを非表示にして値の編集のみ有効にしたい、もしくは、別のボタンを用意してそこから操作できるようにするのでigGrid自 […]

igGridのUpdating機能にあるdeleteRowメソッドを利用することで、行を削除することができます。 　 なお、igGridの初期状態では、deleteRowメソッドによって削除された行は、データソースには即 […]

igGrid の addRow メソッドを利用することで、行を追加することができます。 なお、igGrid の初期状態では、addRow メソッドによって追加された行は、データソースには即時に反映されません。データソース […]