sencha-touch - Sencha 动态更改 Ext.Panel 标题

Question

如何动态更改列表面板标题？我有一个导航视图，其中 listpanel 是项目。所以导航栏显示我会动态改变的面板标题。

图片：

谢谢。

listpanel = new Ext.Panel({
                       layout: 'fit',   
                       id:'listpanel',
                       title:'change this title dinamically',
                       items: [
                               {
                                   xtype: 'titlebar',
                                   id: 'myTitle',
                                   docked: 'top',
                                   title: 'title1'
                               },
                               { xtype: 'titlebar',
                                   id: 'myMeanConsumption',
                                   docked: 'bottom',
                                   title: 'title2'
                               },
                                   list
                               ]
                   });

Answer 1

这样做，

Ext.getCmp('myTitle').setTitle('Changed Title');

---

编辑 ：

titleExt.Panel属性在组件上不可用。因此，下面的行是多余的。

title:'change this title dinamically',

您只需要更改我上面已经提到title的那个。titlebar

我看不到listpanel标题。

Answer 2

在创建列表面板后添加：

listpanel.onAfter('painted', function () { 
listpanel.getNavigationBar().setTitle(newTitle); },  listpanel, { delay: 100 });