标题ExtJs中的按钮

Question

我想在'window'标题中添加一些按钮，而不是'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)
                }
            ]
        }

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