如何向列标题添加其他按钮(extjs 6.2)

时间:2017-11-15 15:31:59

标签: extjs extjs6.2

我需要在过滤器菜单旁边的列标题中添加一个按钮(如照片上的蓝色标记)

button where's the blue mark

1 个答案:

答案 0 :(得分:1)

像这样的小黑客可以工作。只需将布局对齐,即可在Container的左右两侧显示内容。

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