Добавить кнопку на панели инструментов 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 к вашему nestedlist, а затем выровнять кнопку right.