在NestedList工具栏上添加一个按钮（右对齐）

Question

我正在尝试在嵌套列表的工具栏上添加一个按钮（右对齐）。这是我的代码：

Ext.define('Test.view.NestedList', {
extend: 'Ext.Panel',

requires: ['Ext.dataview.NestedList'],

xtype: 'mynestedlist',

config: {
    modal: true,
    centered: true,
    layout:'fit',
    width:'80%',
    height:'80%',
    items: [{
        xtype: 'nestedlist',
        fullscreen: true,
        title: 'Groceries',
        displayField: 'text',
        store: 'MyTreeStore',
        initialize: function(){
                console.log("Add the button on the toolbar");
                this.getToolbar().add({xtype: 'spacer'});
                this.getToolbar().add({xtype: 'button', iconCls: 'compose', ui: 'plain', action: ''});                  
            }
    }]

}
});

按钮未对齐工具栏右侧但显示在左侧。 有没有人有想法做到这一点？

谢谢

Answer 1

您可以做的一件事是尝试在嵌套列表中添加titlebar，然后对齐按钮right。