在面板sencha touch中设置组件的html

Question

我搜索了我的问题，我找到了很多问题和答案，但没有一个对我有用 我有一个xtype：＆＃39;组件＆＃39;，在我的面板中我想动态设置htmlon面板显示 这是我的组件代码

{
    xtype: 'component',
    itemId: 'dashboardwelcomenote',
    style: 'text-align: center'
},  

这是我的控制器

var welcomename = Ext.ComponentQuery.query('#dashboardwelcomenote')[0];
welcomename.setHtml('welcome');  

我希望它在面板展示上 运气好吗？

Answer 1

您可以使用以下参考代替itemId：

{
        xtype: 'component',
        reference: 'dashboardwelcomenote',
        style: 'text-align: center'
}

现在在面板上显示我们可以说控制器的init函数，即页面加载，你可以写：

this.lookupReference('dashboardwelcomenote').setHtml('welcome');

在这里，＆＃34;这个＆＃34;是控制器本身。

希望这会有所帮助。快乐学习：）

Answer 2

尝试更新此处是fiddle .. Docs