列非表示ボタンへの参照を提供します。
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に使用されます。