バージョン

機能の概要 (igTreeGrid)

igTreeGrid は igGrid コントロールの拡張で、同じモジュラー アーキテクチャ上で構築されています。その機能は igGrid の同等の機能から拡張されています。したがって、多くの機能で 2 つのコントロール間の機能と API の等価性が実現され、一部の機能はインタラクティブな階層データの表示のニーズに応じて、さらにカスタマイズされています。

このトピックの内容

概要

ツリー グリッドで機能を有効にするには、igGrid と同様に、features 配列を定義します。

$("#treegrid").igTreeGrid({
    //... 
    features : [
        { name : 'Paging' },
        { name : 'Sorting', firstSortDirection: 'descending' }
    ]
});

ツリー グリッド API は igGrid から継承されているため、これらの機能へのアクセスには、ツリー グリッドに対してネイティブな構文を使用できます。たとえば、並べ替え API を使用する場合、以下を使用できます。

$(".selector").igGridSorting( "option", "firstSortDirection", "ascending");

あるいは、ツリー グリッドに匹敵する構文を使用して同じロジックを実行できます。

$(".selector").igTreeGridSorting( "option", "firstSortDirection", "ascending");

.igGridSorting から .igTreeGridSorting でどのように構文が変更されたかに注意してください。

また、サポートされる機能モジュール間の互換性も同じく適用されます。機能互換性マトリックス (igGrid) で完全なリストを参照できます。

継承された igGrid の機能

igGrid から直接継承された (変更なしに拡張された) 機能は、igTreeGrid でも igGrid の場合と同様に動作します。以下が含まれます。

サポートされていない機能

一部の機能は igTreeGrid で正常に使用できますが、一部期待どおりに動作しない機能があります。それらはまだサポートされていない機能と考えられます。以下が含まれます。

  • 集計
  • 列のグループ化
  • 非バインド列

固有な機能

並べ替え

  1. 列に対する並べ替えは、各レベルで再帰的にグリッドのデータを並べ替えます。機能の影響を受けるレベルの範囲を制御するため、 2 つの追加プロパティ fromLevel と toLevel を使用できます。これらは、並べ替える階層の最初にバインドするレベルと最後にバインドするレベルを定義します。
  2. 親レコードが並べ替えられる列にデータを持っていない場合、グリッドのレコード位置は変更されず、並べ替えはその子行に対してのみ適用されます。
  3. 並べ替えは展開状態を保持します。

ページング

igTreeGrid のページング機能は igGridPaging 機能から拡張され、階層データを表示するためにカスタマイズされます。igTreeGrid に特有のオプションおよびメソッドを含みます。

関連トピック: ページング (igTreeGrid)

フィルタリング

igTreeGrid のフィルタリング機能は、すべてのレベルにわたって列データ全体に適用され、データ構造がフラットであるかのように動作します。

関連トピック: フィルタリング (igTreeGrid)

更新

拡張された更新機能は、単一グリッド内の階層構造のサポートを追加し、インライン編集エクスペリエンスや行編集テンプレートのような機能性を維持し、基となる igTreeHierarchicalDataSource のメリットを活用しています。

関連トピック: 更新 (igTreeGrid)

列移動

列移動機能は、ツリー グリッドのインターフェイスまたは TreeGridColumnMoving API によってツリー グリッドの列の順序変更を許可します。この機能は igGrid の ColumnMoving 機能を拡張します。

列の固定

列固定機能は、ツリー グリッドのインターフェイスまたは TreeGridColumnFixing API によってツリー グリッドの列の固定を許可します。この機能は igGrid の ColumnFixing 機能を拡張します。

列の非表示

列非表示機能は、ツリー グリッドのインターフェイスまたは TreeGridColumnHiding API によってツリー グリッドの列の非表示を許可します。この機能は igGrid の ColumnHiding 機能を拡張します。

注: igGrid および igTreeGrid コントロールの列移動、列固定、および列非表示機能の間の違いは、展開インジケーターが常に最初の表示可能な列で描画されることのみです。最初の表示可能な列が変更された場合、グリッドが再描画され、展開インジケーターは新しい最初の列に描画されます。

関連コンテンツ

トピック

サンプル

オンラインで表示: GitHub