このトピックでは、機能、データ ソースへのバインド、要件、テンプレートなどの情報を含む、igCombo コントロールの概念情報を説明します。
このトピックは、以下のセクションで構成されます。
igHierarchicalGrid
は、複数レベルおよび複数レイアウト (との関係) の階層データを同じレベルで表示するコントロールです。igHierarchicalGrid
は内部でフラット igGrid
を使用するため、そのすべての機能が igHierarchicalGrid
にも使用できます。このトピックでは igHierarchicalGrid
固有の機能を説明し、igGrid
固有機能にはリンクのみ記載します。
以下の図は、行の 1 つが展開された状態の igHierarchicalGrid
を示しています。
以下の表は、igHierarchicalGrid
固有の主要機能の概要を説明します。
特定の機能への追加機能である igHierarchicalGrid はすべての igGrid 機能を使用します。
列の定義はフラット グリッドの列の定義と同じです。列コレクション内で、列設定とともに表示する列を定義します。
親から継承されていないレイアウト オプションの設定に使用するプロパティを columnLayouts と呼びます。このオブジェクト内で、子レイアウト オブジェクトとその該当オプションを定義できます。
表示データのみ読み込む場合、igHierarchicalGrid によりまず親データのみ読み込んで、その後に列レイアウト データをすべて読み込むことでこれが可能です。
親に構成されているのと同じ機能を子レイアウトにも必要な場合、継承を使用できます。その機能を親レイアウトに定義し、下位レベルの継承を有効にします。
igHierarchicalGrid はすべての igGrid 機能イベントを内部で使用します。さらに、行を展開および縮小し、子グリッドを事前に設定する特定のイベントを備えています。
igHierarchicalGrid には、子レイアウトを展開および縮小したときにアニメーション ビヘイビアーを変更できる多数のプロパティが備わっています。また、jQuery UI CSS Framework のすべてのクラスをサポートしています。これにより、jQuery Theme Switcher などのサード パーティ ツールを使用してスタイルを適用できます。
Ignite UI CLI で新しい igHierarchicalGrid を簡単にアプリケーションに追加できます。
Ignite UI CLI のインストール:
npm install -g igniteui-cli
Ignite UI CLI インストール後、Ignite UI for jQuery プロジェクトを生成し、新しい igHierarchicalGrid コンポーネントを追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。
ig new <project name> --framework=jquery
cd <project name>
ig add hierarchical-grid newHierarchicalGrid
ig start
また、更新機能が構成されている igHierarchicalGrid を以下のコマンドで追加できます。
ig add hierarchical-grid-editing newHierarchicalGridEditing
すべての利用可能なコマンドおよび詳細な情報については、「Ignite UI CLI の使用」のトピックを参照してください。
Ignite UI CLI を使用してエクスポートが構成された新しい igHierarchicalGrid を簡単に追加できます。
Ignite UI CLI のインストール:
npm install -g igniteui-cli
Ignite UI CLI インストール後、Ignite UI for jQuery プロジェクトを生成し、Excel エクスポートが構成された新しい igHierarachicalGrid を追加してプロジェクトをビルドおよび公開するには、以下のコマンドを使用します。
ig new <project name> --framework=jquery
cd <project name>
ig add hierarchical-grid-export newHierarchicalGridExport
ig start
すべての利用可能なコマンドおよび詳細な情報については、「Ignite UI CLI の使用」のトピックを参照してください。
マネージ コード言語の Ignite UI for MVC を使用して、igHierarchical コントロールを構成できます。igHierarchicalGrid の MVC ラッパーは、フラット igGrid ラッパーと同じコードを使用します。フラット igGrid の場合のように、機能のロジックが MVC ラッパーで自動的に処理され、ページング、並べ替え、フィルタリング、集計などの機能からの要求は内部処理されるため、これらの機能を実装する必要がないのはそのためです。
igHierarchicalGrid コントロールは jQuery UI ウィジェットであるため、jQuery コアおよび jQuery UI JavaScript ライブラリに依存しています。また、igHierarchicalGrid が機能の共有やデータのバインドを行うために使用する Ignite UI for jQuery JavaScript リソースもいくつかあります。これらの JavaScript 参照は igHierarchicalGrid が JavaScript または ASP.NET MVC のいずれで使用されていても必要です。igHierarchicalGrid を ASP.NET MVC で使用する場合、igHierarchicalGrid を .NET 言語で構成するために Infragistics.Web.Mvc アセンブリが必要です。
データ構造は下のいずれかの形態を使用できます。
オンラインで表示: GitHub