クラス IgxColumnHidingComponent

階層

  • ColumnChooserBaseDirective
    • IgxColumnHidingComponent

実装

  • OnDestroy
  • OnDestroy

コンストラクタ

constructor

プロパティ

cdr

cdr: ChangeDetectorRef

columnsAreaMaxHeight

columnsAreaMaxHeight: string = "100%"

columnHidingUI へのアクセス:

@ViewChild('column-hiding-component')
 public columnHidingUI: IgxColumnHidingComponent;

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

let columnsAreaMaxHeight =  this.columnHidingUI.columnsAreaMaxHeight;
<igx-column-hiding [columnsAreaMaxHeight]="200px"></igx-column-hiding>

cssClass

cssClass: string = "igx-column-hiding"

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

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

disableFilter

disableFilter: boolean = false

UI からフィルタリング列入力を非表示または表示にします。

hideAllText

hideAllText: string = "Hide All"

表示される場合、すべての列を非表示するボタンのテキストを取得または設定します。

let hideAllButtonText =  this.columnHiding.hideAllText;
<igx-column-hiding [hideAllText] = "'Hide Columns'"></igx-column-hiding>
@次のメンバー:

IgxColumnHidingComponent

onColumnVisibilityChanged

onColumnVisibilityChanged: EventEmitter<IColumnVisibilityChangedEventArgs> = new EventEmitter<IColumnVisibilityChangedEventArgs>()

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

 <igx-column-hiding (onColumnVisibilityChanged) = "onColumnVisibilityChanged($event)"></igx-column-hiding>
@次のメンバー:

IgxColumnHidingComponent

showAllText

showAllText: string = "Show All"

非表示される場合、すべての列を表示するボタンのテキストを取得または設定します。

let showAllButtonText =  this.columnHiding.showAllText;
<igx-column-hiding [showAllText] = "'Show Columns'"></igx-column-hiding>
@次のメンバー:

IgxColumnHidingComponent

アクセサー

columnDisplayOrder

columnItems

  • get columnItems(): any[]

columns

  • get columns(): any[]
  • set columns(value: any[]): void

disableHideAll

  • get disableHideAll(): boolean
  • HIDE ALL ボタンが無効かどうかを示すブール値を返します。

    <igx-column-hiding #columnHidingUI
        [columns]="grid.columns" [title]="'Column Hiding'">
    </igx-column-hiding>
    @ViewChild("'columnHidingUI'")
    public columnHiding: IgxColumnHidingComponent;
    let isHideAlldisabled =  this.columnHiding.disableHideAll;
    @次のメンバー:

    IgxColumnHidingComponent

    返却 boolean

disableShowAll

  • get disableShowAll(): boolean

filterColumnsPrompt

  • get filterColumnsPrompt(): string
  • set filterColumnsPrompt(value: string): void

filterCriteria

  • get filterCriteria(): string
  • set filterCriteria(value: string): void

hiddenColumnsCount

  • get hiddenColumnsCount(): number

title

  • get title(): string
  • set title(value: string): void

メソッド

hideAllColumns

  • hideAllColumns(): void

showAllColumns

  • showAllColumns(): void