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。希望这会有所帮助。

在Sencha Touch中添加按钮

1 个答案: