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

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