クラス IgxGridToolbarComponent

クラスはToolbar のロジックをカプセル化して、IgxGridComponentIgxTreeGridComponent および IgxHierarchicalGridComponent に使用されます。

階層

実装

  • DoCheck

コンストラクタ

constructor

プロパティ

cdr

cdr: ChangeDetectorRef

columnHidingButton

columnHidingButton: any

列非表示ボタンへの参照を提供します。

const hidingButton = this.grid.toolbar.columnHidingButton;

columnHidingDropdown

columnHidingDropdown: IgxDropDownComponent

列非表示 UI の IgxDropDownComponent への参照を提供します。

const dropdownHiding = this.grid.toolbar.columnHidingDropdown;

columnHidingUI

columnHidingUI: IgxColumnHidingComponent

IgxColumnHidingComponent への参照を提供します。

const hidingUI = this.grid.toolbar.columnHidingUI;

columnPinningButton

columnPinningButton: any

列ピン固定ボタンへの参照を提供します。

const pinningButton = this.grid.toolbar.columnPinningButton;

columnPinningDropdown

columnPinningDropdown: IgxDropDownComponent

列ピン固定 UI の IgxDropDownComponent への参照を提供します。

const dropdownPinning = this.grid.toolbar.columnPinningDropdown;

columnPinningUI

columnPinningUI: IgxColumnPinningComponent

IgxColumnPinningComponent への参照を提供します。

const pinningUI = this.grid.toolbar.columnPinningDropdown;

csvExporter

excelExporter

exportButton

exportButton: any

[Export] ボタンへの参照を提供します。

const exportBtn = this.grid.toolbar.exportButton;

exportDropdown

exportDropdown: IgxDropDownComponent

[Export] ボタンの IgxDropDownComponent への参照を提供します。

const exportDropdown = this.grid.toolbar.exportDropdown;

gridAPI

gridAPI: GridBaseAPIService<IgxGridBaseComponent & IGridDataBindable>

onDensityChanged

onDensityChanged: EventEmitter<IDensityChangedEventArgs> = new EventEmitter<IDensityChangedEventArgs>()

アクセサー

context

  • get context(): any
  • 親 IgxGird およびツールバーへ参照を提供して、toolbar custom containertemplate context のバインドを表す context オブジェクトを返します。

    const context =  this.igxGrid.toolbar.context;

    返却 any

defaultDropDownsMaxHeight

  • get defaultDropDownsMaxHeight(): string
  • IgxGridToolbarComponent のドロップダウン パネルの高さを取得します。

    const dropdownHeight = this.grid.toolbar.defaultDropDownsMaxHeight;

    返却 string

displayDensity

filterColumnsPrompt

  • get filterColumnsPrompt(): string
  • set filterColumnsPrompt(value: string): void
  • フィルター ボックスに表示されるデフォルト テキストを取得します。

    const filterPrompt = this.grid.toolbar.filterColumnsPrompt;

    返却 string

  • Sets the default text shown in the filtering box.

    this.grid.toolbar.filterColumnsPrompt('Filter columns ...');

    パラメーター

    • value: string

    返却 void

grid

hostClass

  • get hostClass(): string

pinnedColumnsCount

  • get pinnedColumnsCount(): number

shouldShowExportButton

  • get shouldShowExportButton(): boolean
  • IgxGridComponent がエクスポート ボタンを描画するかどうかを返します。

    const exportButton = this.igxGrid1.toolbar.shouldShowExportButton;

    返却 boolean

shouldShowExportCsvButton

  • get shouldShowExportCsvButton(): boolean
  • IgxGridComponent が CSV エクスポート ボタンを描画するかどうかを返します。

    const exportCSVButton = this.igxGrid1.toolbar.shouldShowExportCsvButton;

    返却 boolean

shouldShowExportExcelButton

  • get shouldShowExportExcelButton(): boolean
  • IgxGridComponent が Excel エクスポート ボタンを描画するかどうかを返します。

    const exportExcelButton = this.igxGrid1.toolbar.shouldShowExportExcelButton;

    返却 boolean

メソッド

exportClicked

  • exportClicked(): void
  • エクスポート ボタンのドロップダウン メニューを切り替えます。

    this.igxGrid1.toolbar.exportClicked();

    返却 void

exportToCsvClicked

  • exportToCsvClicked(): void

exportToExcelClicked

  • exportToExcelClicked(): void

getExportCsvText

  • getExportCsvText(): string
  • IgxGridToolbarComponent の CSV エクスポート ボタンのテキストを返します。

    const toolbarCSVText = this.igxGrid1.toolbar.getExportCsvText();

    返却 string

getExportExcelText

  • getExportExcelText(): string
  • IgxGridToolbarComponent の Excel エクスポート ボタンのテキストを返します。

    const toolbarExcelText = this.igxGrid1.toolbar.getExportExcelText();

    返却 string

getExportText

  • getExportText(): string
  • IgxGridToolbarComponent のエクスポート ボタンのテキストを返します。

    const toolbarExportText = this.igxGrid1.toolbar.getTitle();

    返却 string

getTitle

  • getTitle(): string

ngDoCheck

  • ngDoCheck(): void

toggleColumnHidingUI

  • toggleColumnHidingUI(): void

toggleColumnPinningUI

  • toggleColumnPinningUI(): void