Sencha动态更改Ext.Panel标题

Question

如何动态更改listpanel标题？ 我有一个导航视图，其中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');

---

编辑：

title组件上未提供

Ext.Panel属性。因此，以下行是多余的。

title:'change this title dinamically',

您需要更改title titlebar仅我已在上面提到的内容。

我看不到listpanel标题。

Answer 2

创建listpanel后添加：

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