Hi Team,

I have been trying out a task at hand current and got stuck with getting the details part up and running. I have docked a list of items to the left side of the screen and need some detail html to be displayed on the content section of the screen.

The data comes from an online xml whose one of the node element is a link that will get the detail html in xml format.
Model and Store Code:
Code:
investis.query = [
    { q: 'select * from xml where url="http://otp.investis.com/generic/xml-feed.aspx?culture=en-GB&cid=290&confid=198"' },
    { q: 'select * from rss where url="http://www.kingfisher.com/irappfeed.asp"' },
    { q: 'select * from rss where url="http://earthquake.usgs.gov/earthquakes/catalogs/eqs7day-M5.xml"'}
];
            
Ext.regModel("investis.models.NewsData", {
    idProperty: 'RNSId',
    fields: [
        {name: 'RNSId',                     type: 'int'},
        {name: 'Title',                 type: 'string'},
        {name: 'Link',     type: 'string'},
        {name: 'ShareURL',                     type: 'string'},
        {name: 'pubDate',             type: 'date'}
    ]
});


investis.stores.NewsData = new Ext.data.Store({
    model: 'investis.models.NewsData',
    proxy: {
        type: 'scripttag',
        url: 'http://query.yahooapis.com/v1/public/yql',
        extraParams: {
            format: 'json'
        },
          reader: {
              root: 'query.results.Results.RNSSummaries.RNSSummary'
          }
      }
});
this.offlineStore= new Ext.data.Store({  
            model: 'investis.models.NewsData',  
            proxy: new Ext.data.LocalStorageProxy({  
                id:'data',  
                proxy:{idProperty:'RNSId'}  
            }),  
            autoLoad: true,  
            autoSave: true  
        });


this.investis.stores.NewsData.on('load',function(store,records,opts){  
                console.log("load from online");  
                this.offlineStore.proxy.clear();  
                this.investis.stores.NewsData.each(function (record){  
                    var iconEach = this.offlineStore.add(record.data)[0];  
                },this);  
                this.offlineStore.sync();  
                console.log("loaded from online"); 
            },this); 
            
this.investis.stores.NewsData.proxy.addListener('exception', function (proxy, response, operation) {  
        console.log("load from offline");    
        this.offlineStore.load();  
        console.log("loaded from offline");  
},this);
Controller Code
Code:
investis.controllers.NewsController = new Ext.Controller({
    showNewsList: function(options) {
        var id = 0;
            investis.stores.NewsData.getProxy().extraParams.q = investis.query[id].q;
            investis.stores.NewsData.read();
        investis.views.viewport.setActiveItem(
            investis.views.News, options.animation
        );
    }
});
View Code
Code:
var newsList = new Ext.List({
    dock:'left',
    store:this.offlineStore,
    itemTpl:'<span>{pubDate}</span><br/><span>{Title}</span>',
    grouped:false,
    scroll:'vertical',
    width:200
});


investis.views.RegulatoryNews = Ext.extend(Ext.Panel, {
    id:'investis.views.RegulatoryNews',
    title:'News',
    dockedItems: [{
        dock:'top',
        xtype: 'toolbar',
        title: 'News'
    },
    newsList],


    initComponent: function() {
        investis.views.RegulatoryNews.superclass.initComponent.apply(this, arguments);        
    }
});
newsList.on('render',function(){
console.log("hello from news load");
            Ext.dispatch({
                controller: investis.controllers.NewsController,
                action: 'showNewsList',
                id: 0
            });
});
My XML looks like the following
Code:
<?xml version="1.0" encoding="UTF-8"?>
<Results>
<RNSSummaries>
<RNSSummary>
<RNSId><![CDATA[225292]]></RNSId>
<Title><![CDATA[Director/PDMR Shareholding]]></Title>
<Link><![CDATA[http://otp.investis.com/generic/xml-feed-story.aspx?newsid=225292]]></Link>
<ShareURL><![CDATA[http://otp.investis.com/generic/regulatory-story.aspx?newsid=225292&cid=290]]></ShareURL>
<pubDate>Thu, 27 Oct 2011 17:13:19 GMT</pubDate>
<publishDate>Thu, 27 Oct 2011 17:26:40 GMT</publishDate>
<Name><![CDATA[Director/PDMR Shareholding]]></Name>
</RNSSummary>
<RNSSummary>
<RNSId><![CDATA[224268]]></RNSId>
<Title><![CDATA[MEDIUM TERM NOTES DUE 15 DECEMBER 2014]]></Title>
<Link><![CDATA[http://otp.investis.com/generic/xml-feed-story.aspx?newsid=224268]]></Link>
<ShareURL><![CDATA[http://otp.investis.com/generic/regulatory-story.aspx?newsid=224268&cid=290]]></ShareURL>
<pubDate>Thu, 13 Oct 2011 13:15:55 GMT</pubDate>
<publishDate>Thu, 13 Oct 2011 13:21:13 GMT</publishDate>
<Name><![CDATA[MEDIUM TERM NOTES DUE 15 DECEMBER 2014]]></Name>
</RNSSummary>
Calling the url in the link tag in the above xml will give me the detailed html that has to be shown in the content.
Can you guide me on how to make the nested call to get the content and how to show the content on the view ?.