标题 ExtJ 中的按钮

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' 进行配置。