如何将停放项目添加到另一个停靠项目？

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!' 
       }); 
      } 
     });