igDialog に配置した igGrid でリモートソートを行う例をご紹介します。 ポイントは二つです。 igGrid では、dataSource オプションに URL を指定すると、リモートソート時にも同じ URL […]
Articles Tagged: igGrid
igGrid リモートソーティングを利用する
igGrid では、バインドデータの並び替えをサーバー側で行う機能に対応しています。igGrid に対してソート処理を実行すると、igGrid のデータソースとして参照しているアクションを呼び出します。 呼び出されたアク […]
igGrid 行追加と行削除のUIを非表示にする方法
igGridの編集機能を有効にすると、行の追加および行の削除のUIも表示されます。 行の追加や削除のUIを非表示にして値の編集のみ有効にしたい、もしくは、別のボタンを用意してそこから操作できるようにするのでigGrid自 […]
igGrid 行を削除する方法
igGridのUpdating機能にあるdeleteRowメソッドを利用することで、行を削除することができます。 なお、igGridの初期状態では、deleteRowメソッドによって削除された行は、データソースには即 […]
igGrid に行を追加する
igGrid の addRow メソッドを利用することで、行を追加することができます。 なお、igGrid の初期状態では、addRow メソッドによって追加された行は、データソースには即時に反映されません。データソース […]
igGrid 集計機能：特定のオペランドのみを表示する
igGrid の集計機能(Summaries)では、デフォルトの状態で行カウント、最大値、最小値などが表示されます。このうち、特定の項目（オペランド）のみを表示したいという局面があるかと思います。igGrid では、この […]
ASP.NET Core MVC で igGrid を表示する
ASP.NET Core MVC で igGrid を表示するサンプルです。igGrid を配置している cshtml 上にて、igGrid の表示に必要なスタイルファイル、及び、スクリプトファイルを参照しています。 I […]
[Ignite UI for Angular 10.2 新機能] グリッドのツールバーからエクスポートを実行する際に、インジケーターが表示されるようになりました
Ignite UI for Angular 10.2.2 バージョン時点での情報に基づいています。 グリッドに大量のデータがあり、そのデータを Excel または CSV にエクスポートする場合は時間がかかることがありま […]
igGrid で特定セルの値に応じて入力検証を行う
igGrid の 入力検証機能 (igValidator) をご利用頂くと、特定セルの値に応じて入力検証ができます。 実行結果 サンプルコード
Ruby on Rails で igGrid (Ignite UI for jQuery) を表示する
Ruby on Rails で作成したWEBアプリケーションで igGrid (Ignite UI for jQuery) を表示する方法をご説明します。表示用のデータはデータベースから取得し、JSON形式に変換したもの […]