Expand/Collapse All the groups in extjs Grid with the keyboard navigation

Question

How to expand/collapse all the groups in grouping extjs grid with the keyboard. And how to get focus on the groups with the keyboard and expand each group with the tab change or something like that. Please let me know any ideas on that

Answer 1

You can use Ext.dom.Element keypress event for top level DOM element representing grid (use Ext.grid.Panel.getEl()) and Ext.grid.feature.Grouping methods to work with grouping feature.

Check this fiddle for example. Press 'C' key to collapse all groups and 'T' key to toggle groups.

I wrote this code for ExtJS4, but it seems to work with ExtJS6.