如何將停放項目添加到另一個停靠項目？

Question

我有一個工具欄作爲停靠項目的面板。我想在這個停靠的工具欄中添加一個按鈕。但是當我添加它時，它根本不顯示。 那我該怎麼做？還是有更方便的方法來實現這一目標？

而且，如果我想將它添加到工具欄的右側？

謝謝。

Answer 1

下面是一個簡單的例子。您使用「spacer」概念將按鈕浮動到右側。有一個很好的解釋，這是如何工作here。

  new Ext.Application({ 
      launch: function() { 
       var tapHandler = function (btn, evt) { 
        alert("Button '" + btn.text + "' tapped."); 
       } 
       var dockedItems = [ 
        { 
        xtype: 'toolbar', 
        title: 'Buttons', 
        ui: 'dark', 
        dock: 'top', 
        items: [ 
         { xtype: 'spacer' }, 
         { ui: 'forward', text: 'Forward' } 
        ], 
        defaults: { handler: tapHandler } 
       }]; 
       new Ext.Panel({ 
        fullscreen: true, 
        dockedItems: dockedItems, 
        html: 'Hello World!' 
       }); 
      } 
     });