标题中的按钮ExtJs

Question

我想在“窗口”标题中添加一些按钮，而不是“X”。 Draggable属性必须保存！ 它应该是这样的：

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: { 
      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'。