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

标签 javascript extjs sencha-touch

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

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

这是我的 Controller

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

我想要它出现在面板展示上 我有运气吗?

最佳答案

您可以使用引用代替 itemId,如下所示:

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

现在在面板显示上或者我们可以说 Controller 的初始化函数,即页面加载,您可以编写:

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

这里,“this”是 Controller 本身。

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

关于javascript - 在面板sencha touch中设置组件的html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43184870/

相关文章:

javascript - Sencha : Two lists showing different content from the same store. 可能吗?

javascript - Ajax 调用第二次不起作用

javascript - 纯 JavaScript 技术栈

javascript - 如何传递和删除选定的选项值

javascript - ajax $.get 回调报告为未定义

javascript - ExtJS:范围混淆

javascript - 如何更改 ExtJs 中的拖放工具提示文本?

javascript - 如何使用 extjs 将我自己的消息添加到 Firefox 状态栏?

sencha-touch - 从 localStorage 获取值以在 Sencha Touch AJAX 代理中使用

twitter - Sencha Touch JSONP 错误