标题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)
                }
            ]
        }

我现在唯一能看到的限制是无法使用' - >'元素作为项目,但仍然可以使用他们的完整类名(即Ext.toolbar.Fill)或xtype配置:'tbfill'.