extjs - 标题 ExtJs 中的按钮

Question

我想在“窗口”标题中添加一些按钮，而不是“X”。 必须保存可拖动属性！ 它应该如下所示：

Answer 1

您可以为窗口指定tools( Ext.Panel.Tool ) 配置！

tools:[{
    type:'refresh',
    tooltip: 'Refresh form Data',
    handler: function(event, toolEl, panel){
        // refresh logic
    }
},
{
    type:'help',
    tooltip: 'Get Help',
    handler: function(event, toolEl, panel){
        // show help here
    }
}]

有 25 个预定义按钮，但您可以自定义自己的按钮。

Answer 2

也可以定义 xtype: 'header' 元素并更精确地自定义窗口/面板的标题：

        header: {
            xtype: 'header',
            titlePosition: 0,
            defaults: {
                margin: '0 10px'
            },
            items: [
                {
                    xtype: 'textfield',
                    value: "Test Search",
                    tooltip: "Search something",
                    width: 300
                },
                {
                    xtype: 'container',
                    flex: 1
                },
                {
                    xtype: 'button',
                    text: "Test Button",
                    tooltip: "Add something",
                    iconCls: 'add',
                    handler: Ext.bind(function() {
                        console.log('does something');
                    }, this)
                }
            ]
        }

我现在看到的唯一限制是无法使用'->'元素作为项目，但仍然可以使用它们的完整类名（即Ext.toolbar.Fill）或通过xtype：'tbfill'进行配置。