自定义Extjs网格面板的标题

Question

有没有办法通过添加自定义控件来自定义ext.js网格面板的标题（或者是否有更通用的方法来自定义面板标题），而不是工具按钮？

我想在标题中添加一个搜索字段，但是使用当前现有的实现（在ux / grid示例中找到），会显示如何将过滤器添加到下拉菜单网格的标题，而不是标题本身，这正是我想要实现的目标。

有任何线索吗？

Answer 1

标头是一个hbox布局的容器，因此您可以向任何其他容器添加/删除项目。你可以在这里测试它（例如）：http://extjs.eu/apps/saki-writable-grid/输入

Ext.ComponentQuery.query('maingridview')[0].getHeader().add({xtype:'textfield'});

在控制台中。文本字段显示在右侧的标题中。

关于网格过滤，请参阅可以添加到网格标题的Grid Search Plugin。

Answer 2

查看网格面板的header配置，您可以在其中设置Ext.panel.Header的任何配置选项。由于它是一个容器，您只需在其中指定items：

header: {
    title: 'Test',
    titlePosition: 0,
    items: [{
        xtype: 'textfield'
    }]
}

另请查看此fiddle。