クラス IgxColumnActionsComponent

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

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

階層

Hierarchy

IgxColumnActionsComponent

実装

DoCheck

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

new IgxColumnActionsComponent(differs: IterableDiffers): IgxColumnActionsComponent
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:166
パラメーター
- differs: IterableDiffers
返却 IgxColumnActionsComponent

プロパティ

columnItems

columnItems: QueryList<IgxCheckboxComponent>

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

Example

let columnItems =  this.columnActions.columnItems;

columnToggled

columnToggled: EventEmitter<IColumnToggledEventArgs> = ...

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

 <igx-column-actions (columnToggled)="columnToggled($event)"></igx-column-actions>

columnsAreaMaxHeight

columnsAreaMaxHeight: string = '100%'

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

Remarks

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

Example

<igx-column-actions [columnsAreaMaxHeight]="200px"></igx-column-actions>

cssClass

cssClass: string = 'igx-column-actions'

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

let cssCLass =  this.columnHidingUI.cssClass;

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

grid

grid: GridType

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

Example

let grid = this.columnActions.grid;

hideFilter

hideFilter: boolean = false

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

Example

 <igx-column-actions [hideFilter]="true"></igx-column-actions>

indentation

indentation: number = 30

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

Example

<igx-column-actions [indentation]="15"></igx-column-actions>

title

title: string = ''

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

Example

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

アクセサー

checkAllText

get checkAllText(): string
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:281
すべての列をチェックするボタンのテキストを取得します。

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

Example
```
let uncheckAllText = this.columnActions.uncheckAllText;
```
返却 string
set checkAllText(value: string): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:295
すべての列をチェックするボタンのテキストを設定します。

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

Example
```
<igx-column-actions [checkAllText]="'Hide All'"></igx-column-actions>
```
パラメーター
- value: string
返却 void

columnDisplayOrder

get columnDisplayOrder(): ColumnDisplayOrder
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:228
列の表示順序を取得します。

Example
```
let columnDisplayOrder = this.columnActions.columnDisplayOrder;
```
返却 ColumnDisplayOrder
set columnDisplayOrder(value: ColumnDisplayOrder): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:240
列の表示順序を設定します。

Example
```
this.columnActions.columnDisplayOrder = ColumnDisplayOrder.Alphabetical;
```
パラメーター
- value: ColumnDisplayOrder
返却 void

filterColumnsPrompt

get filterColumnsPrompt(): string
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:178
フィルター入力に表示されるプロンプトを取得します。

Example
```
let filterColumnsPrompt = this.columnActions.filterColumnsPrompt;
```
返却 string
set filterColumnsPrompt(value: string): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:190
フィルター入力に表示されるプロンプトを設定します。

Example
```
<igx-column-actions [filterColumnsPrompt]="'Type here to search'"></igx-column-actions>
```
パラメーター
- value: string
返却 void

filterCriteria

get filterCriteria(): string
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:201
列リストをフィルターする値を取得します。

Example
```
let filterCriteria =  this.columnActions.filterCriteria;
```
返却 string
set filterCriteria(value: string): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:213
列リストをフィルターする値を設定します。

Example
```
 <igx-column-actions [filterCriteria]="'ID'"></igx-column-actions>
```
パラメーター
- value: string
返却 void

id

get id(): string
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:323
id 属性の値を取得または設定します。

Remarks
提供されていない場合は、自動的に生成されます。

Example
```
<igx-column-actions [id]="'igx-actions-1'"></igx-column-actions>
```
返却 string
set id(value: string): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:328
パラメーター
- value: string
返却 void

uncheckAllText

get uncheckAllText(): string
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:256
すべての列のチェックを解除するボタンのテキストを取得します。

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

Example
```
let uncheckAllText = this.columnActions.uncheckAllText;
```
返却 string
set uncheckAllText(value: string): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:268
すべての列のチェックを解除するボタンのテキストを設定します。

Example
```
<igx-column-actions [uncheckAllText]="'Show All'"></igx-column-actions>
```
パラメーター
- value: string
返却 void

メソッド

checkAllColumns

checkAllColumns(): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:376
すべての列をチェックし、適切な操作を実行します。

Example
```
this.columnActions.checkAllColumns();
```
返却 void

uncheckAllColumns

uncheckAllColumns(): void
- 次で定義 projects/igniteui-angular/src/lib/grids/column-actions/column-actions.component.ts:364
すべての列のチェックを解除し、適切な操作を実行します。

Example
```
this.columnActions.uncheckAllColumns();
```
返却 void

クラス IgxColumnActionsComponent

階層

Hierarchy

実装

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

パラメーター

differs: IterableDiffers

返却 IgxColumnActionsComponent

プロパティ

columnItems

Example

columnToggled

columnsAreaMaxHeight

Remarks

Example

cssClass

grid

Example

hideFilter

Example

indentation

Example

title

Example

アクセサー

checkAllText

Remarks

Example

返却 string

Remarks

Example

パラメーター

value: string

返却 void

columnDisplayOrder

Example

返却 ColumnDisplayOrder

Example

パラメーター

value: ColumnDisplayOrder

返却 void

filterColumnsPrompt

Example

返却 string

Example

パラメーター

value: string

返却 void

filterCriteria

Example

返却 string

Example

パラメーター

value: string

返却 void

id

Remarks

Example

返却 string

パラメーター

value: string

返却 void

uncheckAllText

Remarks

Example

返却 string

Example

パラメーター

value: string

返却 void

メソッド

checkAllColumns

Example

返却 void

uncheckAllColumns