このトピックでは、Ignite UI™ 2015 Volume 1 リリースのコントロールと新機能および拡張機能を紹介します。
以下の表に 2015 Volume 1 の新機能の概要を示します。追加の詳細は以下のとおりです。
| 機能 | 説明 |
|---|---|
| 新しい Ignite UI for jQuery ヘルプ ビューアー | Ignite UI for jQuery の新しいヘルプ ビューアーを公開しました。 |
| 機能 | 説明 |
|---|---|
| 設定不要のテーマ サポート | その他の Ignite UI for jQuery テーマおよび定義済みのテーマ ピッカーで選択可能な Bootstrap テーマのサポートを追加しました。 |
| 改良されたデータ ソース エクスペリエンス | JSONP データ ソースおよびローカル データ ソースの明示的サポートと、新しいデータ ソース エディターを追加しました。 |
| Ace に対する IntelliSense サポート | デザイナーがコード ビューであるときに、ユーザーが入力を開始すると、IntelliSense を表示するサポートが追加されました。 |
| リモート データ ソース - ユーザー フレンドリなエラー | リモート データ ソースへの接続中にWeb デザイナーで、発生する可能性のある問題に関する詳細な情報を表示する、ユーザー インターフェイスが利用できるようになりました |
| 機能 | 説明 |
|---|---|
| 新しいライブラリ (RTM) | ブラウザーでの Excel 文書の作成、読み込み、編集に使用できる純粋な JavaScript ベースのクライアント サイドの Excel ライブラリです。 |
| 機能 | 説明 |
|---|---|
| JavaScript Excel グリッド エクスポーター (CTP) | サーバーとの送信なしで表示されるデータを Excel ファイルにエクスポートできます。 |
| 列固定と列移動との互換性 | グリッドで列固定と列移動の両方を有効にすることができるようになりました。 |
| 向上された列固定 API | グリッドで列を特定の位置に固定するには、グリッドで列のターゲット キーを移動先に提供します。 |
| 選択機能の向上 | 複数の領域選択は、Ctrl + マウス ドラッグを使用して実行できます。非連続の選択領域は可能です。 |
| ページングの永続化 | persist オプションは Paging 機能に追加されました。 |
| レスポンシブ機能の向上 | 新しい単一列テンプレート モードが追加されました。 |
| 列のスタイル設定 | igGrid の列構成でカスタム ヘッダーおよび列 CSS クラスを指定するための新しい設定を追加しました。 |
| 機能 | 説明 |
|---|---|
| 新しいコントロール (RTM) | igTreeGrid™ コントロールは RTM になりました。igTreeGrid™ コントロールでは、一般的なデータ スキーマを使用して階層データを一連の列に入れ見えるようにすることができます。 |
| ツリー固有のフィルター | igTreeGrid は、グリッドでフィルター結果のコンテキストを表示する特別なフィルター視覚化があります。 |
| ツリー固有のページング | グリッドでデータをページングするとき、ルート レベルまたはすべての表示可能なレベルで表示可能なデータをページングするオプションがります。 |
| 拡張された展開オプション | ツリー グリッドは構成可能な展開インジケーターを提供します。最初のデータ列または単独列に描画できます。展開インジケーターは、カスタム視覚化のために別のルック アンド フィールでもカスタマイズできます。 |
| 仮想化 | igTreeGrid は連続仮想化を含みます。これにより、高いパフォーマンスのエクスペリエンスを維持しながら、グリッドを階層データの大きなセットにバインドできます。 |
| リモート ロード オン デマンド | グリッドにデータの大きなセットが描画される場合に、一度にデータの小さなセットの入ったページのみを提供したいことがあります。リモート ロード オン デマンドを使用すると、igTreeGrid でユーザーの要求に応じて全データの一部分のみをグリッドに追加できます。 |
| ローカル ロード オン デマンド | グリッドの高いパフォーマンスをさらに維持するために、igTreeGrid には展開されたノードのみをブラウザーに描画することを保証するローカル ロード オン デマンドがあります。ユーザーが親ノードを展開すると、ページで新しい要素がその場で作成され、ユーザーに表示する新しいデータをサポートします。 |
| 機能 | 説明 |
|---|---|
| 書き換えられたコントロール | 15.1 では、優れた UX と信頼性を最優先に構築した新しいコンボを発表されました。 |
| スタイリングの改善 | 新しいコンボは、配置とサイズ設定にインライン CSS スタイリングを使用しないため、ブラウザーの描画最適化機能を一層活用できます。 |
| デフォルトの改善 | 設定なしでよりよい UX を提供できるように、一部の領域でデフォルトを変更しました。これは、エンド ユーザーに最適なエクスペリエンスを提供するためにプログラムが必要なコードも削減します。 |
| 新しいキーボード操作 | 古いコンボも基本的な操作を備えていましたが、キーボードでできる操作を大幅に拡張しました。マウスとキーの間を交互に行き来せずに、ナビゲート、選択、展開などをエンド ユーザーは一層効率的に自然に実行することができます。 |
| 改善された信頼性 | コンボのサイズを 44% 削減したため、コードの複雑性が減少し、オートメーション コード カバレッジが一層高くなりました。 |
| API 改善 | また、この機会に、改善の余地のある API 選択を再考し、API の発見可能性と分かりやすさを改善しました。 |
| Knockout 拡張機能の改善 | 現在、igCombo は完全な Knockout 拡張機能を備え、Knockout 監視可能コレクションと igCombo リストの間の TwoWay データ バインディング、ならびにコンボで選択した項目の TwoWay データ バインディングをサポートします。 |
| 機能 | 説明 |
|---|---|
| jQuery Mobile 1.4+ サポート | Ignite UI for jQuery モバイル コントロールは、jQuery Mobile 1.4+ の最新バージョンと互換性があります。 |
Ignite UI for jQuery の新しいヘルプ ビューアーを公開しました。これにより、各トピックのナビゲートと共有が一層容易になり、製品バージョン（14.1 以降）をトピック内で直接容易に切り替えることもできるようになりました。 一層使いやすいエクスペリエンスだけでなく、実際のトピック自体も Markdown の GitHub で使用可能になりました。GitHub のプル要求によって、トピックに関する問題を容易にレポートでき、トピックに対して追加や変更を送信することもできます。
リストからテーマを選択すると、デザイン表面にすでにドロップされているすべてのコンポーネントのテーマが変更されます。
ページ デザイナーには、ローカル、リモート、Northwind の 3 つの事前定義されたデータ ソース型があります。ローカル型とリモート型はいずれも構成設定のための異なるガイドを提供します。NorthWind データ ソースは、特定の列を持つ Customers を要求する Northwind odata サービスをポイントするように事前定義された構成を持つリモート データ ソースです。
Web デザイナーは、デザイナーがコードモードでカーソルがコンポーネントの内部にあるときに、IntelliSense をサポートするようになりました。ユーザーが入力を開始すると、ウィジェットに関係する事前定義されたオプションに基づく示唆が提供されます。
データ ソースをリモート データにバインドする場合、リモート要求からのエラーが発生することがあります。リモート データ ソースへの接続中にWeb デザイナーでは、発生する可能性のある問題に関する詳細な情報を表示するユーザー インターフェイスを利用できるようになりました。ユーザーは、応答状態、エラー、データ型、コンテンツに関する重要な情報を得ることができます。ブラウザー ツールを使用して問題を調査する必要はありません。
14.2では、「クライアント サイド Excel ライブラリ」の最初のバージョンを CTP しました。現在は「Infragistics JavaScript Excel ライブラリ」という名前に変更されています。RTM バージョンではファイル サイズが小さくなり、ブラウザー互換性が強化されました。
igGridExcelExporter コンポーネントにより、igGrid から Microsoft Excel ドキュメントにデータをエクスポートできます。エクスポートは、テーマとワークブックのカスタマイズをサポートし、並べ替え、フィルタリング、ページングなどの機能によりグリッドで操作されたデータを反映します。以下のスクリーンショットは、エクスポートされた igGrid の Excel での実際の表示を示しています。
新しいオプション singleColumnTemplate はレスポンシブ ウェブ デザイン モードに追加され、特定のプロファイルに単一列テンプレートを定義できます。
新しい columnCssClass および headerCssClass 列設定を使用して、以下のスクリーンショットに示すように CSS クラスをヘッダーと列データ セルの両方に適用できます。
igTreeGrid™ コントロールでは、一般的なデータ スキーマを使用して、一連の列で階層データを見えるようにすることができます。
RTM でサポートされる機能
igTreeGrid 固有のフィルタリングにより、一致する結果をユーザーに表示する方法を細かく制御できます。新しい displayMode プロパティは、フィルター処理された結果のグリッドで表示される状態を制御します。デフォルトは "showWithAncestors" で、一致を完全な不透明で描画し、その親ノードをそれより低い不透明度で描画します (以下の画像参照)。
使用可能なその他のモードに showWithAncestorsAndDescendants があります。これはデフォルトに加えて、子レコードがフィルタリング条件に一致しない場合でも、子レコードも描画します。
ロード オン デマンド機能は、ユーザーがツリー グリッドのノードを展開するときにサーバーから子ノードのデータを要求します。このタイプの操作により、ページの読み込みやツリー グリッド バインディングがより速くなり、初期フットプリントが軽くなります。結果として最新のデータを提供できる可能性が広がります。
約 4 年前に出荷されたオリジナルの jQuery ベースのコンボはすぐれた機能を持っていましたが、年月の経過につれて、古さも目につき始めました。15.1 では、優れた UX と信頼性を最優先に構築した新しいコンボを発表しました。コンボを大きく改善する一方で、API 変更は最小限にとどめたため、最小限の削除と置換で新しいコンボのメリットを活用することができます。
igCombo の Knockout 拡張機能は、新しい igCombo の要件に応じて調整されました。オプションの一部が削除され、新しいオプションが導入されました。すべての変更は、igCombo が Knockout View-Model にバインドされる際に、ユーザーが igCombo を容易に構成できることを目的にしています。
オンラインで表示: GitHub