Question

我已经尝试了近2小时但无法动态更改视图标题。

我这样做：

在视图中：

  items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                itemId:'wordtitle',
                store: 'wwordstore',
                 title: '<div class=\"word-title\">{word}</div>' 

            },

在模特：

Ext.define('horror.model.testModel',{
     extend: 'Ext.data.Model',
     alias: 'model.testmodel',

       config: {
           fields: [
           {
              name: 'word'
           },

           ]
     }
});

在商店数据中，成功添加但无法更改标题。

仅

{字}

显示标题。

所以，请我这么想，如何获得动态标题。

Answer 1

在标题栏上删除id配置，以便您轻松引用它。

如果您使用的是控制器，请为myTitleBar : 'titlebar[id=yourTitlebarId]'添加参考号，并在您想要更改标题时getMyTitleBar().setTitle('wow');

如果您不使用控制器，请参阅these videos。

如果您仍未在事件监听器中使用控制器来设置标题，则可以使用Ext.ComponentQuery。

另外，我不建议在标题配置中使用html，而是建议使用内置配置选项和scss来管理标题的显示，否则每次设置标题时都需要包含该html：setTitle('<div class=\"word-title\">' + myWord + '</div>'

祝你好运，布拉德

如何在sencha中制作dymanice标题

1 个答案: