標題中的按鈕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'。