extjs5 - EXTJS 5.1 网格列标题中的小部件

Question

是否可以在网格面板列标题中插入自定义小部件（例如按钮或复选框）？

从文档中不清楚。我已经尝试用谷歌搜索它，但没有任何成功。

请帮忙！

Answer 1

简短的回答是“是”。

您可以扩展网格列，然后制作一个后渲染侦听器。

在监听器中，获取列的 innerEl = (component.getEl().down('column-header-inner')。

然后，制作一个新组件，如按钮/复选框， columnComponent.headerButton = new Ext.button.Button()

然后，渲染它 columnComponent.headerButton.render(innerEl)。

我希望这有帮助。

Answer 2

我遇到了同样的问题：如何将按钮（或任何自定义组件）放入 extjs 网格标题字段。

经过一番研究，我找到了 extjs 5 的解决方案：您可以配置网格列的“项目”属性：

{
    xtype: "gridcolumn",
    text: "column header name in grid",
    dataIndex: "...",
    items:[
       {
           xtype: "button",
           text: "Foo",
           handler: "onFooClick"
       }
    ]
}

例如，这将在标题组件内的网格​​标题文本下显示一个按钮。