How to auto refresh grid content every x ms

[gkassyou]

I have a borderlayout that contains a gridPanel with a grid. I would like to update the grid content every x m.s.

Any ideas, examples would be appreciated.

[BernardChhun]

hmm using an infinite loop in which you reload the DataStore might work:

// the never ending loop that will call itself every second
function timedCount()
{
// call here the function that reloads your grid's DataStore
t=setTimeout("timedCount()",1000)
}

[KimH]

Just remember not to actually update the grid if the data hasn't changed This is for the server to handle using HTTP Response Status Code

[tinakonda]

Hi,
When I am using autorefresh for grid, it refreshes every 3minutes In which case my screen is greyed out with loading mask. Is there any option that grid data is refreshed and updated from server, where End user shouldn't feel that fro mbrowser. .
On a browser I shouldn't see the page refreshign every 3minutes .it greyed out, whcih is annoying.



Thank you,
tina.

[Estefan]

hi tinaKonda.Can you tell please how did you make your grid load the new data addedto the store.i have a grid that is refreshing every few ms but the problem is that it is not showing the new information added.
Regards

[dlbjr]

var ds = new Ext.data.JsonStore({
   url: Config.dataURL,
   root: 'data',
   fields: [
        { name: 'id', type: 'string' },
        { name: 'desc', type: 'string' }
   ]
});
 
var g = new Ext.grid.GridPanel({
   //You do not want a load mask
   //loadMask: { msg: Config.load_mask, store: ds },
   viewConfig: { emptyText: 'No data available' },
   title: 'My Data',
   store: ds,
   height: 400,
   width: 400,
   stripeRows: true,
   autoScroll: true,
   sm: new Ext.grid.RowSelectionModel({ singleSelect: true }),
   cm: new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
        header: 'id',
        dataIndex: 'id',
        hideable: false,
        sortable: false,
        hidden: false,
        width: 100
   }, {
        header: 'desc',
        dataIndex: 'desc',
        hideable: false,
        sortable: false,
        hidden: false,
       width: 300
   }])
});
 
var task = {
   run: function() {
        ds.load()
   },
   interval: 1000 //1 second
}
 
var runner = new Ext.util.TaskRunner();
 
runner.start(task);

[Estefan]

Thanks dlbjr i will try it
Best Regards

[dlbjr]

Use a GridView instead of s GridPanel as I suggested if just displaying data. This should run lighter.