How to refresh EXT JS window at certain interval?

Question

    var xmlhttp=new XMLHttpRequest(); 
    xmlhttp.open("GET",urls,false);
    xmlhttp.send();
    xmlDoc=xmlhttp.responseXML; 
    var t = xmlDoc.getElementsByTagName("FeatureCollection");
    var store = new Ext.data.SimpleStore({
                                    fields: [
                                       'vendor'                                                            
                                    ]
                                });

    var reload = function() {                 
              store.loadData(t);
            }
            setInterval(reload , 5000);

Now added this data to Ext Js window:

var window =  new Ext.Window({
                    title: "",
                    width: 200,
                    height:200,
                    layout: "fit",
                    collapsible: true,
                    autoScroll:true,
                    maximizable: true,
                    items: [
                        {
                                id:'legend-panel', 
                                xtype: "grid",
                                ref: "capsGrid", // makes the grid available as app.capsGrid
                                title: "Sites",
                                region: "north",
                                height: 100,
                                viewConfig: {forceFit: true},
                                store: store,
                                columns: [
                                        {header: 'Vendor', width: 200, sortable: true, dataIndex: 'vendor'}                                         
                                    ]
                            }
                        ]
                });  

Now, How would I refresh the window only not page at certain time interval?

Answer 1

Try this one:

var reload = function() {
  store.loadData(t);
}
setInterval(reload, 1000);