sencha-touch - 如何在煎茶中制作动态标题

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 配置，以便您可以轻松引用它。

如果您使用的是控制器，请在 formyTitleBar : 'titlebar[id=yourTitlebarId]'和想要更改标题调用时添加 refgetMyTitleBar().setTitle('wow');

如果您不使用控制器，请查看这些视频。

如果您仍然没有在要设置标题的事件侦听器中使用控制器，则可以使用Ext.ComponentQuery。

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

祝你好运，布拉德