Extjs 4 roadmoap question: cellcontextmenu / headercontextmenu

[slemmon]

Oh, I see the cellcontextmenu event now when I capture on the grid's view and not just the grid. Thx for pointing that out - will come in handy.

Looking forward to cellcontextmenu promotion to the panel.Table and that headercontextmenu event.

Thanks again for listening to the community. This sort of dialog on top of the excellent JS framework is why I'll always lobby for my company to license with Sencha.

[Zdeno]

As Evant wrote:

...
viewConfig : {
    onBeforeCellContextMenu : function(htmlCelEl, colId, record, htmlRowEl, rowId, e) {
        console.log(htmlCelEl, colId, record, htmlRowEl, rowId, eg)
    },
    onCellContextMenu : function(htmlCelEl, colId, record, htmlRowEl, rowId, e) {
        console.log(htmlCelEl, colId, record, htmlRowEl, rowId, eg)
    }
},
...

[slemmon]

I've got the events being listened for on the controller instead of being coded into the view's onEvent methods, but definitely nice to know they're there.

[evant]

Ok, just finished up my changes.

The beforecell<foo> and cell<foo> events are now documented on the view and are relayed up to the table.

I also added headercontextmenu, with the header click/triggerclick/contextmenu events being relayed to the grid.

[Zdeno]

Just finished simple plugin

Ext.define('Ext.ux.grid.HeaderContextMenu', {
    alias : 'plugin.headercontextmenu',
    mixins : {
        observable : 'Ext.util.Observable'
    },

    init : function(grid) {
        this.gridPanel = grid;
        this.headerCt = grid.headerCt;
        this.headerCt.addEvents('contextmenu');
        this.gridPanel.addEvents('headercontextmenu');

        this.mon(this.headerCt, {
            scope : this,
            afterlayout : this.onAfterLayout,
            single : true
        });
    },

    onAfterLayout : function() {
        this.mon(this.headerCt.el, {
            scope : this,
            contextmenu : this.onContextMenu,
            delegate : 'div.x-column-header'
        });
    },

    onContextMenu : function(event, target) {
        var me = this,
        column = this.headerCt.getChildByElement(target);

        event.preventDefault();

        this.gridPanel.fireEvent('headercontextmenu', this.gridPanel, column.getIndex(), column, event, target);
    }
});

[slemmon]

evant,
I am sad, because I have no way to high five you.

[PaulyWolly]

Does anyone know if it is possible to add a a combo box as a selection within a cellcontextmenu?