如何將工具欄添加到視口？

Question

我想添加一個工具欄到視口，但是當試圖用下面的代碼來完成它時，它根本不會出現（僅顯示標籤面板）。

Ext.define(CONFIG.APP_NS+'.view.Viewport', { 
    extend: 'Ext.container.Viewport', 
    layout: { 
     type: 'border' 
    }, 
    this.dockedItems = [ 
     { 
      xtype: 'maintoolbar' 
     } 
    ], 
    this.items = [ 
     { 
      region: 'center', 
      xtype: 'maintabpanel' 
     } 
    ]; 
}); 

// MainToolbar 
Ext.define(CONFIG.APP_NS+'.view.MainToolbar', { 
    extend: 'Ext.toolbar.Toolbar', 
    alias: 'widget.maintoolbar', 

    initComponent: function() { 
     this.items = [ 
      // <...> 
     ] 
    } 
}); 

我知道我可以把它添加到北方地區，但隨後與邊框顯示和border: false什麼都不做。

我在做什麼錯？

Answer 1

Ext.container.ViewPort沒有名爲dockedItems的屬性，只有Ext.panel.Panel有這個屬性。這就是爲什麼你的工具欄沒有顯示，它被完全忽略，因爲視口不知道如何處理dockedItems。

我會把工具欄放在你所建議的北方地區。

border: false config目前在工具欄中不起作用，它是已知的錯誤。可能值得在Sencha論壇發佈一篇幫助文章，您將從ExtJS團隊獲得一些幫助。