Class IgxColumnActionsComponent

IgxColumnActionsComponent への参照を提供します:

 @ViewChild('columnActions', { read: IgxColumnActionsComponent })
public columnActions: IgxColumnActionsComponent;

実装

  • DoCheck

コンストラクター

プロパティ

columnItems: QueryList<IgxCheckboxComponent>

ドロップダウンに現在存在する列項目を表すチェックボックス コンポーネントを取得します。

let columnItems =  this.columnActions.columnItems;
columnToggled: EventEmitter<IColumnToggledEventArgs> = ...

列のチェック状態が変更された後に発生するイベントです。 イベント引数として column および checked プロパティへの参照を提供します。

 <igx-column-actions (columnToggled)="columnToggled($event)"></igx-column-actions>
columnsAreaMaxHeight: string = '100%'

列領域の最大の高さを取得または設定します。

備考

デフォルトの最大高さは 100% です。

<igx-column-actions [columnsAreaMaxHeight]="200px"></igx-column-actions>
cssClass: string = 'igx-column-actions'

CSS クラス セレクターを取得または設定します。 By default the value of the class 属性のデフォルト値は "igx-column-actions" です。

let cssCLass =  this.columnHidingUI.cssClass;
this.columnHidingUI.cssClass = 'column-chooser';
grid: GridType

列操作を提供するグリッドを取得または設定します。

let grid = this.columnActions.grid;
hideFilter: boolean = false

列フィルター入力を表示または非表示にします。

 <igx-column-actions [hideFilter]="true"></igx-column-actions>
indentation: number = 30

階層レベルに基づいて列リスト内の列のインデントを取得または設定します。

<igx-column-actions [indentation]="15"></igx-column-actions>
title: string = ''

列操作コンポーネントのタイトルを取得または設定します。

<igx-column-actions [title]="'Pin Columns'"></igx-column-actions>

アクセサー

  • get checkAllText(): string
  • すべての列をチェックするボタンのテキストを取得します。

    備考

    設定しない場合、適用された IgxColumnActionsBased 派生ディレクティブから取得されます。

    let uncheckAllText = this.columnActions.uncheckAllText;
    

    返却 string

  • set checkAllText(value): void
  • すべての列をチェックするボタンのテキストを設定します。

    備考

    設定しない場合、適用された IgxColumnActionsBased 派生ディレクティブから取得されます。

    <igx-column-actions [checkAllText]="'Hide All'"></igx-column-actions>
    

    パラメーター

    • value: string

    返却 void

メソッド