Добавление кнопок в Sencha Touch

Question

Я хочу обновить содержимое панели инструментов основного вида из подпредставления (HotelApp.views.hotelDetail)

Это моя панель инструментов от HotelApp.views.mainView

    this.topBar = new Ext.Toolbar({
        dock:'top',
                    id:'main_page_topbar',
        title:'H10 Sencha Demo',
                    items:[this.back,
                           {xtype: 'spacer'}
                    ]
    });

На панели инструментов уже есть кнопка возврата. Проблема в том, что я вижу форму кнопки, но нет текста или ID. Что я делаю не так?

Я использую этот код:

var toolbar = HotelApp.views.mainView.getDockedItems()[1];

var images = new Ext.Button({
                 text:'Images',
                 id:'images',
                 ui:'drastic'
 })

toolbar.setTitle(record.get('nombre'));
toolbar.add({items: images});
toolbar.doLayout();

Спасибо !!!

Answer 1

Я думаю, что ваша проблема только в том, что вы должны добавить свою кнопку вызова

toolbar.add(images);

вместо

toolbar.add({items: images});

Я даже предлагаю вам не использовать конфигурацию 'id' для ваших компонентов, а 'itemId'. Таким образом, вы всегда можете получить компоненты представлений, позвонив по номеру

myView.getComponent('myComponentItemId');

или

myView.getDockedComponent('myComponentItemId');

для DockedComponents, таких как панели инструментов. Надеюсь, это поможет.