EXTJS 5.1网格柱头中的小工具

时间:2015-02-16 00:11:08

标签: extjs5 columnheader

是否可以在gridpanel列标题中插入自定义窗口小部件(例如按钮或复选框)?

从文档来看,目前还不清楚。 我已经尝试谷歌了,但没有任何成功。

请帮忙!

2 个答案:

答案 0 :(得分:1)

简短的回答是“是”'

您可以扩展网格列,然后创建一个后续监听器。

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

然后,创建一个新组件,如button / checkbox,columnComponent.headerButton = new Ext.button.Button()

然后,将其渲染为columnComponent.headerButton.render(innerEl)。

我希望这会有所帮助。

答案 1 :(得分:0)

我遇到了同样的问题:如何将一个按钮(或任何自定义组件)放入extjs网格标题字段。

经过一些研究后我找到了extjs 5的解决方案:你可以配置网格列的“items”属性:

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

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