Load dynamic html in view

[deepakgarg89]

Hi,

I had make a view in sencha touch 2 app

Ext.define("Myapp.view.Mynestedlist", {
extend: 'Ext.Panel',
xtype: 'mynestedlist',
config: {
html: [
Hi nested list'
].join("")
}
});

Here i want to load the html from my server through ajax. Can anyone please tell me a method how can i get dynamic html here.

[bricemason]

You can of course do this many different ways. Some questions can be asked to help find the best solution for you. When do you want the content to load? How often will the content change?

I would generally recommend this be part of an MVC app. In the controller you could listen for an event such as activate on the panel then run the ajax request. In the callback you can use the panel's setHtml method to set the data. Alternately if you specify a template on the panel, you'd use the setData method.

If this doesn't get you on your way, post more details about your app and what you want to accomplish.

Brice

[deepakgarg89]

I had follow your approach and than use view components. I had use initialize method and than push an ajax request. After getting response i use Ext.ComponentQuery.query('#listdata')[0].setHtml(response.responseText);

listdata is my id in config html