列非表示ボタンへの参照を提供します。
const hidingButton = this.grid.toolbar.columnHidingButton;
列非表示 UI の IgxDropDownComponent
への参照を提供します。
const dropdownHiding = this.grid.toolbar.columnHidingDropdown;
IgxColumnHidingComponent
への参照を提供します。
const hidingUI = this.grid.toolbar.columnHidingUI;
列ピン固定ボタンへの参照を提供します。
const pinningButton = this.grid.toolbar.columnPinningButton;
列ピン固定 UI の IgxDropDownComponent
への参照を提供します。
const dropdownPinning = this.grid.toolbar.columnPinningDropdown;
IgxColumnPinningComponent
への参照を提供します。
const pinningUI = this.grid.toolbar.columnPinningDropdown;
[Export] ボタンへの参照を提供します。
const exportBtn = this.grid.toolbar.exportButton;
[Export] ボタンの IgxDropDownComponent
への参照を提供します。
const exportDropdown = this.grid.toolbar.exportDropdown;
親 IgxGird およびツールバーへ参照を提供して、toolbar custom container
へ template context
のバインドを表す context
オブジェクトを返します。
const context = this.igxGrid.toolbar.context;
IgxGridToolbarComponent
のドロップダウン パネルの高さを取得します。
const dropdownHeight = this.grid.toolbar.defaultDropDownsMaxHeight;
コンポーネントのテーマを返します。
デフォルト テーマは comfortable
です。
利用可能なオプションは comfortable
、cosy
、および compact
です。
let componentTheme = this.component.displayDensity;
コンポーネントのテーマを設定します。
フィルター ボックスに表示されるデフォルト テキストを取得します。
const filterPrompt = this.grid.toolbar.filterColumnsPrompt;
Sets the default text shown in the filtering box.
this.grid.toolbar.filterColumnsPrompt('Filter columns ...');
IgxGridComponent
をホストする IgxGridComponent コンポーネントへの参照を返します。
const grid = this.igxGrid1.toolbar.grid;
IgxGridToolbarComponent
のテーマを返します。
const toolbarTheme = this.grid.toolbar.hostClass;
ピン固定されている列の数を返します。
const pinnedCount = this.igxGrid1.toolbar.pinnedColumnsCount;
IgxGridComponent
がエクスポート ボタンを描画するかどうかを返します。
const exportButton = this.igxGrid1.toolbar.shouldShowExportButton;
IgxGridComponent
が CSV エクスポート ボタンを描画するかどうかを返します。
const exportCSVButton = this.igxGrid1.toolbar.shouldShowExportCsvButton;
IgxGridComponent
が Excel エクスポート ボタンを描画するかどうかを返します。
const exportExcelButton = this.igxGrid1.toolbar.shouldShowExportExcelButton;
エクスポート ボタンのドロップダウン メニューを切り替えます。
this.igxGrid1.toolbar.exportClicked();
グリッドを CSV にエクスポートします。
this.igxGrid1.toolbar.exportToCsvClicked();
グリッドを Excel にエクスポートします。
this.igxGrid1.toolbar.exportToExcelClicked();
IgxGridToolbarComponent
の CSV エクスポート ボタンのテキストを返します。
const toolbarCSVText = this.igxGrid1.toolbar.getExportCsvText();
IgxGridToolbarComponent
の Excel エクスポート ボタンのテキストを返します。
const toolbarExcelText = this.igxGrid1.toolbar.getExportExcelText();
IgxGridToolbarComponent
のエクスポート ボタンのテキストを返します。
const toolbarExportText = this.igxGrid1.toolbar.getTitle();
IgxGridToolbarComponent
のタイトルを返します。
const toolbarTitle = this.igxGrid1.toolbar.getTitle();
列非表示 UI を切り替えます。
this.grid1.toolbar.toggleColumnHidingUI();
列ピン固定 UI を切り替えます。
this.grid1.toolbar.toggleColumnPinningUI();
クラスはToolbar のロジックをカプセル化して、
IgxGridComponent
、IgxTreeGridComponent
およびIgxHierarchicalGridComponent
に使用されます。