igGridの編集機能を有効にすると、行の追加および行の削除のUIも表示されます。 行の追加や削除のUIを非表示にして値の編集のみ有効にしたい、もしくは、別のボタンを用意してそこから操作できるようにするのでigGrid自 […]
Articles Tagged: 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形式に変換したもの […]
Java (JSP) で igGrid (Ignite UI for JavaScript) を利用する方法
Ignite UI for Javascript は Java(JSP) で構築された Webサイトでも利用することができます。 本記事では、Java 開発においてよく採用されている IDE である Eclipse で構 […]
PHP を用いた igGrid(Ignite UI for JQuery) へのCRUD実装サンプル
PHPプログラムとigGridの連携でCRUD機能を実装する方法をご紹介します。以下の内容について実装します。 PHPを利用してデータベースからグリッド表示用のデータを取得、JSONデータに変換する。ajaxで該当のデー […]