Ignite UI for Angular

すべて
  • パブリック
  • パブリック/保護
  • すべて

Class IgxPivotDataSelectorComponent

Pivot Data Selector は、垂直パネル UI を介して Pivot Grid のピボット状態を構成する手段を提供します。

Igx Module

IgxPivotGridModule

Igx Group

グリッド & リスト

Igx Keywords

data selector, pivot, grid

Igx Theme

pivot-data-selector-theme

備考

Ignite UI Data Selector には、グリッド データ列を含む検索可能なリストがあります。 フィルター、行、列、および値のための 4 つの展開可能な領域もあり、 シンプルなフラット データをグループ化してピボット テーブルに集計するために使用されます。

例

<igx-pivot-grid #grid1 [data]="data" [pivotConfiguration]="configuration">
</igx-pivot-grid>
<igx-pivot-data-selector [grid]="grid1"></igx-pivot-data-selector>

コンストラクター

プロパティ

アクセサー

コンストラクター

constructor

プロパティ

animationSettings

animationSettings: {
    closeAnimation: AnimationAnimateRefMetadata;
    openAnimation: AnimationAnimateRefMetadata;
} = ...

Type declaration

  • closeAnimation: AnimationAnimateRefMetadata
  • openAnimation: AnimationAnimateRefMetadata

columnsExpanded

columnsExpanded: boolean = true

列パネルが展開されているかどうかを取得または設定します。 次を取得:

 const columnsPanelState: boolean = this.dataSelector.columnsExpanded;

次を設定:

<igx-pivot-data-selector [grid]="grid1" [columnsExpanded]="columnsPanelState"></igx-pivot-data-selector>

双方向データ バインディング:

<igx-pivot-data-selector [grid]="grid1" [(columnsExpanded)]="columnsPanelState"></igx-pivot-data-selector>

filtersExpanded

filtersExpanded: boolean = true

フィルター パネルが展開されるかどうかを取得または設定します。 次を取得:

 const filtersPanelState: boolean = this.dataSelector.filtersExpanded;

次を設定:

<igx-pivot-data-selector [grid]="grid1" [filtersExpanded]="filtersPanelState"></igx-pivot-data-selector>

双方向データ バインディング:

<igx-pivot-data-selector [grid]="grid1" [(filtersExpanded)]="filtersPanelState"></igx-pivot-data-selector>

rowsExpanded

rowsExpanded: boolean = true

行パネルが展開されているかどうかを取得または設定します。 次を取得:

 const rowsPanelState: boolean = this.dataSelector.rowsExpanded;

次を設定:

<igx-pivot-data-selector [grid]="grid1" [rowsExpanded]="rowsPanelState"></igx-pivot-data-selector>

双方向データ バインディング:

<igx-pivot-data-selector [grid]="grid1" [(rowsExpanded)]="rowsPanelState"></igx-pivot-data-selector>

valuesExpanded

valuesExpanded: boolean = true

値パネルが展開されているかどうかを取得または設定します。 次を取得:

 const valuesPanelState: boolean = this.dataSelector.valuesExpanded;

次を設定:

<igx-pivot-data-selector [grid]="grid1" [valuesExpanded]="valuesPanelState"></igx-pivot-data-selector>

双方向データ バインディング:

<igx-pivot-data-selector [grid]="grid1" [(valuesExpanded)]="valuesPanelState"></igx-pivot-data-selector>

アクセサー

grid