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

Javascript 在面板sencha touch中设置组件的html,javascript,extjs,sencha-touch,Javascript,Extjs,Sencha Touch,我搜索了我的问题,找到了很多问题和答案,但没有一个对我有用 我有一个xtype:“组件”,在我的面板中,我想为它动态设置htmlon面板显示 这是我的组件代码 { xtype: 'component', itemId: 'dashboardwelcomenote', style: 'text-align: center' }, 这是我的控制器 var welcomename = Ext.ComponentQuery.query('#dashboardwelcomen

我搜索了我的问题,找到了很多问题和答案,但没有一个对我有用
我有一个xtype:“组件”,在我的面板中,我想为它动态设置htmlon面板显示 这是我的组件代码

{
    xtype: 'component',
    itemId: 'dashboardwelcomenote',
    style: 'text-align: center'
},  
这是我的控制器

var welcomename = Ext.ComponentQuery.query('#dashboardwelcomenote')[0];
welcomename.setHtml('welcome');  
我想把它放在展板上
我运气好吗?

您可以使用以下引用代替itemId:

{
        xtype: 'component',
        reference: 'dashboardwelcomenote',
        style: 'text-align: center'
}
现在在panel show上,或者我们可以说控制器的init函数,即页面加载,您可以写:

this.lookupReference('dashboardwelcomenote').setHtml('welcome');
这里,“这”是控制器本身


希望这有帮助。快乐学习:)

您可以使用以下参考信息代替itemId:

{
        xtype: 'component',
        reference: 'dashboardwelcomenote',
        style: 'text-align: center'
}
现在在panel show上,或者我们可以说控制器的init函数,即页面加载,您可以写:

this.lookupReference('dashboardwelcomenote').setHtml('welcome');
这里,“这”是控制器本身


希望这有帮助。快乐学习:)

尝试更新这里有一个

尝试更新这里有一个

没有工作???这不是解决问题的办法。我是通过itemId获取组件的,但是为它设置html这对我来说是个问题。你的代码说这不是一个函数,它在我这边工作。。你能告诉我到底是什么错误吗?如果您在控制器中,您可以始终将“this”作为它的作用域。它表示这一点。lookupReference不是一个函数控制器中的“this”是什么?它只是控制器吗?那么它肯定会起作用,否则你能提供一把小提琴或什么东西来解决你的问题吗?我真的错过了一些东西,但我不知道这两天我都在忍受这个小问题;)没有工作???这不是解决问题的办法。我是通过itemId获取组件的,但是为它设置html这对我来说是个问题。你的代码说这不是一个函数,它在我这边工作。。你能告诉我到底是什么错误吗?如果您在控制器中,您可以始终将“this”作为它的作用域。它表示这一点。lookupReference不是一个函数控制器中的“this”是什么?它只是控制器吗?那么它肯定会起作用,否则你能提供一把小提琴或什么东西来解决你的问题吗?我真的错过了一些东西,但我不知道这两天我都在忍受这个小问题;)谢谢你的回答,请再次阅读我的问题。我的面板中有一个组件,更新不起作用。我更新了我的小提琴,使面板中有一个组件,它可以工作。谢谢你的回复,但问题是我确实尝试过更新它不起作用。你是对的,但我有一个面板上的事件显示事件,我希望它在面板上为该组件动态设置html。谢谢你的回答,请再次阅读我的问题。我有一个面板上的组件,更新不起作用更新了我的小提琴,使其面板中有一个组件,并且可以正常工作。也许我的小提琴和得到一个演示。再次感谢回复,但问题是,我尝试更新它不工作你是对的,但我有一个面板上的事件显示事件,我希望它设置动态的html面板上显示的组件