在列标题下拉菜单{EXTJS 4}中添加自定义按钮 [英] Add a custom button in column header dropdown menus {EXTJS 4}

问题描述

我想要extjs4中网格的列标题下拉菜单中的按钮. 这样我就可以添加或删除数据库中链接的列.

任何帮助将不胜感激... 谢谢..:)

解决方案

几个月前，我遇到了同样的问题.我设法通过扩展 Ext.grid.header.Container (我已覆盖 Ext.create('Ext.grid.Panel', { // ... listeners: { afterrender: function() { var menu = this.headerCt.getMenu(); menu.add([{ text: 'Custom Item', handler: function() { var columnDataIndex = menu.activeHeader.dataIndex; alert('custom item for column "'+columnDataIndex+'" was pressed'); } }]); } } });

这里是演示.

更新

对于ExtJs4.1，这是演示.

I want a button in column header dropdown menu of grid in extjs4. so that i can add or delete columns which are linked in database.

Any help will be appreciated... Thankyou..:)

解决方案

Couple of months ago I had the same problem. I've managed to solve it by extending Ext.grid.header.Container (I've overrided getMenuItems method). However, recently, I've found another solution which requires less coding: just add menu item manualy after grid widget is created.

I'll post the second solution here:

Ext.create('Ext.grid.Panel', {
    // ...
    listeners: {
        afterrender: function() {
            var menu = this.headerCt.getMenu();
            menu.add([{
                text: 'Custom Item',
                handler: function() {
                    var columnDataIndex = menu.activeHeader.dataIndex;
                    alert('custom item for column "'+columnDataIndex+'" was pressed');
                }
            }]);           
        }
    }
});

Here is demo.​

UPDATE

Here is demo for ExtJs4.1.

这篇关于在列标题下拉菜单{EXTJS 4}中添加自定义按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！