CSS クラス セレクターを取得または設定します。
class 属性のデフォルト値は "igx-column-hiding" です。
let cssCLass = this.columnHidingUI.cssClass;this.columnHidingUI.cssClass = 'column-chooser';UI からフィルタリング列入力を非表示または表示にします。
表示される場合、すべての列を非表示するボタンのテキストを取得または設定します。
let hideAllButtonText = this.columnHiding.hideAllText;<igx-column-hiding [hideAllText] = "'Hide Columns'"></igx-column-hiding>列の表示状態が変更された後に発生するイベント。
イベント引数として column および newValue プロパティへの参照を提供します。
<igx-column-hiding (onColumnVisibilityChanged) = "onColumnVisibilityChanged($event)"></igx-column-hiding>非表示される場合、すべての列を表示するボタンのテキストを取得または設定します。
let showAllButtonText = this.columnHiding.showAllText;<igx-column-hiding [showAllText] = "'Show Columns'"></igx-column-hiding>列の表示順序を取得します。
let columnDisplayOrder = this.columnHidingUI.columnDisplayOrder;列の表示順序を設定します。
this.columnHidingUI.columnDisplayOrder = ColumnDisplayOrder.Alphabetical;選択した列の項目を取得します。
let columnItems = this.columnHidingUI.columnItems;操作するグリッド列を取得します。
let gridColumns = this.columnHidingUI.columns;操作するグリッド列を設定します。
<igx-column-hiding [columns]="grid.columns"></igx-column-hiding>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;SHOW ALL ボタンが無効かどうかを示すブール値を返します。
let isShowAlldisabled = this.columnHiding.disableShowAll;フィルター入力に表示されるプロンプトを取得します。
let filterColumnsPrompt = this.columnHidingUI.filterColumnsPrompt;フィルター入力に表示するプロンプトを設定します。
<igx-column-hiding [filterColumnsPrompt]="'Type here to search'"></igx-column-hiding>列リストをフィルターする値を取得します。
let filterCriteria = this.columnHidingUI.filterCriteria;列リストをフィルターする値を設定します。
<igx-column-hiding [filterCriteria]="'ID'"></igx-column-hiding>非表示列数を取得します。
let hiddenColumnsCount = this.columnHiding.hiddenColumnsCount;列チューザーのタイトルを取得または設定します。
let title = this.columnHidingUI.title;<igx-column-hiding [title]="'IgxColumnHidingComponent Title'"></igx-column-hiding>グリッドの列をすべて非表示します。
this.columnHiding.hideAllColumns();グリッドの列をすべて表示します。
this.columnHiding.showAllColumns();
columnHidingUI へのアクセス:
@ViewChild('column-hiding-component') public columnHidingUI: IgxColumnHidingComponent;列領域の最大の高さを取得または設定します。
let columnsAreaMaxHeight = this.columnHidingUI.columnsAreaMaxHeight;<igx-column-hiding [columnsAreaMaxHeight]="200px"></igx-column-hiding>ColumnChooserBase