Search code examples
extjsgridwidgetxtype

ExtJS 5 Menu Widget

Is there an xtype menu widget in Sencha 5? I want to popup a menu on click of an icon in a column of Ext.grid.Panel. Something like belo. Or, do I have to create a custom widget?

{
            text: 'Menu',
            width: 105,
            xtype: 'widgetcolumn',
            dataIndex: 'menu',
            widget: {
                width: 90,
                xtype: 'menu',
                items: [{                        
                  text: 'regular item 1'        
                },{
                  text: 'regular item 2'
                },{
                  text: 'regular item 3'  
                },
                handler: function(btn) {
                    var rec = menu.getWidgetRecord();
                    ///...
                }
            }
        }
Solution

  • Different approach is needed: Configure your widget as button with menu config option. This way the button will be displayed in the grid column and clicking on it will open the menu.