A complementary UI component for the PivotGrid that allows you to manage data displayed in the PivotGrid. The field chooser is already integrated in the PivotGrid and can be invoked using the context menu. If you need to continuously display the field chooser near the PivotGrid UI component, use the PivotGridFieldChooser UI component.
import DxPivotGridFieldChooser from "devextreme-vue/pivot-grid-field-chooser"
Selector: DxPivotGridFieldChooser
Both the PivotGridFieldChooser and the PivotGrid must be bound to one and the same instance of the PivotGridDataSource. Create the PivotGridDataSource individually and then assign it to both UI components as shown in the code above.
See AlsoThis section describes the configuration properties of the PivotGridFieldChooser UI component.
Name Description accessKeySpecifies the shortcut key that sets focus on the UI component.
activeStateEnabledSpecifies whether the UI component changes its visual state as a result of user interaction.
allowSearchSpecifies whether the field chooser allows search operations in the "All Fields" section.
applyChangesModeSpecifies when to apply changes made in the UI component to the PivotGrid.
dataSourceThe data source of a PivotGrid UI component.
disabledSpecifies whether the UI component responds to user interaction.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
encodeHtmlSpecifies whether HTML tags are displayed as plain text or applied to the values of the header filter.
focusStateEnabledSpecifies whether the UI component can be focused using keyboard navigation.
headerFilterConfigures the header filter feature.
heightSpecifies the UI component's height.
hintSpecifies text for a hint that appears when a user pauses on the UI component.
hoverStateEnabledSpecifies whether the UI component changes its state when a user pauses on it.
layoutSpecifies the field chooser layout.
onContentReadyA function that is executed when the UI component is rendered and each time the component is repainted.
onContextMenuPreparingA function that is executed before the context menu is rendered.
onDisposingA function that is executed before the UI component is disposed of.
onInitializedA function used in JavaScript frameworks to save the UI component instance.
onOptionChangedA function that is executed after a UI component property is changed.
rtlEnabledSwitches the UI component to a right-to-left representation.
searchTimeoutSpecifies a delay in milliseconds between when a user finishes typing in the field chooser's search panel, and when the search is executed.
stateThe UI component's state.
tabIndexSpecifies the number of the element when the Tab key is used for navigating.
textsStrings that can be changed or localized in the PivotGridFieldChooser UI component.
visibleSpecifies whether the UI component is visible.
widthSpecifies the UI component's width.
This section describes the methods that can be used to manipulate the PivotGridFieldChooser UI component.
This section describes events fired by this UI component.
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4