Ignite UI for Angular 10.2.2 バージョン時点での情報に基づいています。 グリッドに大量のデータがあり、そのデータを Excel または CSV にエクスポートする場合は時間がかかることがありま […]
Articles Tagged: igGrid
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で該当のデー […]
Java で igGrid(Ignite UI for JavaScript) を利用する方法
Ignite UI for Javascript は Java で構築された Webサイトでも利用することができます。 本記事では、Java 開発においてよく採用されている IDE である Eclipse で構築手順を紹 […]
igGrid サマリー行に合計のみを表示する。
サマリー行に合計のみを表示するには、igGridSummaries の columnSettings のさらに下にある summaryOperands で、 “type”: “sum& […]
igGrid の columnSettings の設定を特定のセルの値に応じて動的に変更する
igGrid では 特定の列に対して columnSetting オプションを利用して、入力必須（required）にしたり、編集不可（readOnly）の設定を行うことが可能です。 本記事では columnSettin […]
igGrid 新規行の読み取り専用のカラムに初期値を動的に設定したい
igGrid の新規行の読み取り専用のカラムに初期値を動的に設定したい場合は、以下の設定をしてください。 該当列で使用しているエディターに対して readOnly を true に設定する。 disabled を tru […]
igGrid ダブルクリックでセルの値を取得する
igGrid 上でダブルクリックをしたセルの値を取得する方法です。 igGrid では、ダブルクリックに対応するイベントを公開していません。よって、igGrid をアタッチする DOM 要素に対して、直接 JavaScr […]