ColumnPicker
Displays a column picker (to show/hide columns) in the header context menu. Columns can be displayed in sub menus by region or tag. Grouped headers are displayed as menu hierarchies.
Column picker
//<code-header>
fiddle.title = 'Column picker';
//</code-header>
targetElement.innerHTML = '<p>Right click on a column header to show ColumnPicker</p>';
const grid = new Grid({
appendTo : targetElement,
// makes grid as high as it needs to be to fit rows
autoHeight : true,
features : {
// this feature is enabled by default,
// so no need for this unless you have changed defaults
columnPicker : true,
// disabling other features to keep menu short
sort : false,
group : false
},
data : DataGenerator.generateData(5),
columns : [
{ field : 'name', text : 'Name', flex : 1 },
{ field : 'score', text : 'Score', flex : 1 },
{ type : 'rating', field : 'rating', text : 'Rating', width : 180 }
]
});This feature is enabled by default.
Configs
12
Configs
12Other
Configure this as true to have the fields from the Grid's Store's
modelClass added to the menu to create new columns
to display the fields.
This may be combined with the stateful ability of the grid to create a self-configuring grid.
Groups columns in the picker by region (each region gets its own sub menu)
Groups columns in the picker by tag, each column may be shown under multiple tags. See tags
Misc
bubbleEventsEvents
callOnFunctionsEvents
clientInstancePlugin
localeClassLocalizable
localizableLocalizable
localizablePropertiesLocalizable
Properties
15
Properties
15Common
disabledInstancePlugin
Class hierarchy
Identifies an object as an instance of ColumnPicker class, or subclass thereof.
Identifies an object as an instance of ColumnPicker class, or subclass thereof.
isEventsEvents
isInstancePluginInstancePlugin
isLocalizableLocalizable
Other
Functions
28
Functions
28Configuration
Events
detachListenersBase
Misc
animatePropertyBase
callbackBase
doDisableInstancePlugin
downloadTestCaseBase
resolveCallbackBase
updateLocalizationLocalizable
Other
addListenerEvents
hasListenerEvents
onEvents
relayAllEvents
removeAllListenersEvents
removeListenerEvents
resumeEventsEvents
suspendEventsEvents
triggerEvents
unEvents
Events
5
Events
5Event handlers
5
Event handlers
5Typedefs
1
Typedefs
1BryntumListenerConfigEvents