如何向列标题中添加附加按钮(extjs6.2)

Question

，我需要在“过滤器”菜单之外给列标题添加一个按钮(如照片上的蓝色标记)。

​

​

Answer 1

像这样的小黑客可以行得通。只需使布局对齐，以便在容器的左右大部分部分显示内容。

Ext.create('Ext.container.Viewport', {
layout: 'fit',

items: [{
    xtype: 'container',
    items: [{
        xtype: 'grid',
        sortable: true,
        columns: [{
            flex: 1
        }, {
            text: "Age",
            flex: 1
        }],
        listeners: {
            afterrender: function (grid) {
                var columns = grid.columnManager.getColumns();
                var nameCol = columns[0];
                var targetDom = nameCol.textInnerEl.dom;
                var newPanel = Ext.create('Ext.container.Container', {
                    items: [{
                        xtype: 'label',
                        text: "Name"
                    }, {
                        xtype: 'button',
                        text: "DO IT"
                    }],
                    renderTo: targetDom
                   });
               }
           }
        }]
   }]
});

小提琴：https://fiddle.sencha.com/#view/editor&fiddle/29o8