Extjs-grid-column-header, fügen Sie dropdown-Menü Element auf bestimmte Spalten

Ich versuche eine Schaltfläche hinzu, die die Kopfzeile der Spalte drop-down Menüs in mein raster. Jedoch möchte ich nur hinzufügen, um Spalten mit bestimmten itemId. So weit habe ich es arbeiten zu hinzufügen der Schaltfläche, um alle Spalten, siehe code unten. Ich sehe nicht, wo ich kontrollieren konnte, ob jede Spalte itemId, obwohl es scheint nicht zum Durchlaufen der Spalten. Gibt es Abhilfe für dieses? Danke!

items:[{
            region:'center',
            xtype:'grid',
            columns:{
                    items: COLUMNS, //defined in index.php
            },
            store:'Items',
            selType: 'checkboxmodel',
            listeners: {
                    afterrender: function() {        
                            var menu = Ext.ComponentQuery.query('grid')[0].headerCt.getMenu();
                            menu.add([{
                                    text: 'edit',
                                    handler: function() {
                                            console.log("clicked button");
                                    }
                            }]);           
                    }
            }
    }],

InformationsquelleAutor alex9311 | 2014-02-08

Raster-Spalte im Menü vorhanden ist, in eine Instanz, die gemeinsam für alle Spalten. Dadurch kann man nicht Menüpunkt hinzufügen, der nur für eine Spalte.

Aber Sie können in der Karte ein - /ausblenden Menüpunkt in diesem Menü für eine bestimmte Spalte. Sie können über das Menü beforeshow Veranstaltung und Informationen über die Spalte aus menu.activeHeader Eigenschaft:

listeners: {
    afterrender: function(c) {                                        
        var menu = c.headerCt.getMenu();

        //add menu item  into the menu and store its reference
        var menuItem = menu.add({
            text: 'edit',
            handler: function() {
                console.log("clicked button");
            }
        });

        //add listener for beforeshow menu event
        menu.on('beforeshow', function() {

           //get data index of column for which menu will be displayed
           var currentDataIndex = menu.activeHeader.dataIndex; 

            //show/hide menu item in the menu
            if (currentDataIndex === 'name') {
                menuItem.show();
            } else {
                menuItem.hide();
            }
        });
    }
}