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

【问题标题】：EXTJS 5.1 WIDGET IN GRID COLUMN HEADEREXTJS 5.1 网格列标题中的小部件
【发布时间】：2015-02-16 00:11:07
【问题描述】：

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

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

请帮忙！

【问题讨论】：

标签： extjs5 columnheader

【解决方案1】：

简短的回答是“是”。

你可以扩展网格列，然后做一个后渲染监听器。

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

然后，新建一个像按钮/复选框这样的组件，columnComponent.headerButton = new Ext.button.Button()

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

我希望这会有所帮助。

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：