Setting html of a component in a panel sencha touch

Question

i searched for my problem there is alot of questions and answers i found but none was useful to me
I have a xtype: 'component', in my panel i want to set dynamically htmlon panel show for it HERE is my component code

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

here is my controller

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

i want it on panel show any luck for me ?

score 0 · Answer 1 · answered Apr 03 '17 at 12:50

0

Instead of itemId you can use reference as follow:

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

Now on panel show or we can say init function of controller i.e page load, you can write:

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

Here, "this" is the controller itself.

Hope this helps. Happy Learning :)

answered Apr 03 '17 at 12:50

Harshit Shah

266
2
7

didnt work??? that is not a solution for it. i am getting component by itemId but setting html fot it thats the problem for me your code says that this is not a function – Salman hassan Apr 03 '17 at 13:02
its working on my end.. can you please tell me what exactly is the error? if you are in a controller you can always have "this" as scope of it. – Harshit Shah Apr 03 '17 at 14:15
it says this.lookupReference is not a function – Salman hassan Apr 03 '17 at 15:11
what is "this" inside your controller? is it the controller only? then it should definitely work, or else can you provide a fiddle or something to solve your issue? – Harshit Shah Apr 04 '17 at 04:27
i am really missing something but i dont know what its been two days i am suffering from this little problem ;) – Salman hassan Apr 04 '17 at 04:50
come to chat please – Salman hassan Apr 04 '17 at 05:18
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/139815/discussion-between-salman-hassan-okz-and-harshit-shah). – Salman hassan Apr 04 '17 at 05:26
please come to chat.. i'm in – Harshit Shah Apr 04 '17 at 06:08

score 0 · Answer 2 · answered Apr 03 '17 at 17:44

0

Try update here is a fiddle.. Docs

answered Apr 03 '17 at 17:44

Nikos Js

199
2
10

thanks for the answer please read my question again i have a component in panel and Update is not working – Salman hassan Apr 04 '17 at 03:39
I updated my fiddle to have a component in panel and it works. Maybe fork my fiddle and get a demo. – Nikos Js Apr 04 '17 at 11:06
thanks for reply again but the thing is that i did try update its not working – Salman hassan Apr 04 '17 at 11:25
you are right but i have an event on panel show event and i want it to set html dynamically on panel show for that component – Salman hassan Apr 05 '17 at 04:12

Setting html of a component in a panel sencha touch

2 Answers2