I have a grid panel in ext.js 7.2.

I have an ext js grouped grid. I want to do add custom logic when the group header is clicked. However, when I click on the group header, the groupclick event is not called.

Group expand and group collapse event are triggered.

Ext.define('MyGrid', {
    extend: 'Ext.grid.Panel',
    features: [{
        ftype: 'grouping'
    }],
    listeners: 
        {
            groupexpand: function(view, node, group) {
                console.log('Group expanded');
            },
            groupcollapse: function(view, node, group) {
                console.log('Group collapsed');
            },
            groupclick: function (view, node, group) {
                console.log('Group click');
            }
        }
}