extjs - Ext JS 4.1 の列メニューから列ヘッダーの名前を変更する

Question

列ヘッダーの名前を変更するために、このメニューに項目を追加することは可能ですか?

Answer 1

質問は漠然としていて、添付された画像が私をうんざりさせていると思います.

グリッド ヘッダー メニューのカスタマイズ ( Answer )..

いずれかの回答を参照してください。

私の最終製品は、私の答えをさらにカスタマイズしました：

initComponent: function () {
    this.callParent(arguments);

    this.headerCt.on('headerclick', function (header, column, event, html) {
        if (column.xtype == 'rownumberer') {
            return false;
        };

        header.showMenuBy(column.el.dom, column);
    }, this);

    this.headerCt.on('menucreate', function (header, column, event, html) {
        var menu = header.getMenu();

        this.createHeaderMenu(menu);
    }, this);
},

createHeaderMenu: function (menu) {
    menu.removeAll();

    // simulate header menu to be plain (menu is already created at this point)
    menu.addCls(Ext.baseCSSPrefix + 'menu-plain');
    menu.name = 'report_data_header_menu';

    menu.add({
        name: 'sort_asc',
        text: 'Sort Ascending'
    }, {
        name: 'sort_desc',
        text: 'Sort Descending'
    }, {
        name: 'remove_column',
        text: 'Remove'
    });
}

Answer 2

あなたならできるはずです。

Ext.grid.header.Container オブジェクトの「menucreate」イベントにリスナーを追加します。このデリゲートは、メニューの参照を渡し、メニューを操作できるようにします。

例

var gridHeader = gridPanelInstance.getView().headerCt; //return the Header Container 

gridHeader.on('menucreate', function(gridHeaderContainer, menu, option) {

    // do whatever you want with the menu here...  eg: add/remove/ edit menu item
});