Articles Tagged: igGrid

初期表示では igGrid にデータをバインドせず、検索条件に応じて結果を igGrid にバインドする方法を紹介します。 １．igGrid の宣言 igGrid の各種プロパティ設定を行います。 （今回は MVC He […]

igGrid では編集時にデフォルトの動作として、データタイプに応じたエディタが自動生成されますが、エディタにコンボボックスを利用することもできます。下記、実装例です。 参照：igCombo エディター プロバイダーの操 […]

ASP.NET Core Razor Pages 上に igGrid を配置し、igGrid の編集内容をサーバーに送信するサンプルです。サーバー側での処理が終わった後、クライアント側で igGrid の編集内容を確定し […]

window のリサイズイベントのタイミングで、igGrid の高さ(height)と幅(width)を書き換えることで対応することができます。 実装例

igGrid のバインドデータをクリアするには、空の配列を dataSource オプションに指定致します。これにより、ヘッダーは残りますが、データ行はクリアされます。 実行結果

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

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

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

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

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