How To Auto Reload Tab Panel Content?

[ontangian]

My apologies. Again, I didn't test it last night and thus missed a couple of issues. I just tested this now and it works. You just need to change the code to run AFTER the panel has been rendered (oh, and I got the parameters wrong - should be two, with the first the number of seconds and the second, the url)


So change this:

menuScreenPanel.getUpdater().startAutoRefresh({
    interval:5,
    url: 'doMenuScreenMonitoring.php'
});

To this:

menuScreenPanel.on('render', function() {
    menuScreenPanel.getUpdater().startAutoRefresh(5, 'doMenuScreenMonitoring.php');
});

I'll go ahead and update my original response in case someone else needs this.

Hi jratcliff,

Thank you very much for your help. It's working as you tried it. I am really greatfull for you kindness help.

I hope God will give you a present for helping me...

Once again, thanks...

[jratcliff]

Hi jratcliff,

Thank you very much for your help. It's working as you tried it. I am really greatfull for you kindness help.

I hope God will give you a present for helping me...

Once again, thanks...

Glad to have helped.

[venu]

Hi jratcliff,

I extended the Panel object to write a custom widget. It is displaying the data properly. Then i applied the auto refresh functionality but it is not working.
Can you help me in solving this problem?

Here is my code
------------------

Example.ux.widget.icare = Ext.extend(Ext.Panel, {
    id        : 'id-panel-icare',
    title    : 'Auto Refresh Example',
    border    : true,

    initComponent : function() {
        this.html = 'Loading data.........',
        Example.ux.widget.icare.superclass.initComponent.apply(this, arguments);
    },
    
    onRender : function() {                
        //this.load();   // --this works fine.
        this.getUpdater().startAutoRefresh(60, load, true);
        Example.ux.widget.icare.superclass.onRender.apply(this, arguments);
    },
    
    load: function(config) {
        var config = config || {};
        Ext.apply(config, {
            url:'/Dashboard/status?data=icare',
            success: this.onLoad,
            failure: this.onFailure,
            scope: this
        });
        Ext.Ajax.request(config);
    },
    
    onLoad: function(response, opts) {
        var json = Ext.decode(response.responseText);
        var tpl = new Ext.Template(
            '<p>Pending TR Count: {pendingTRCount}</p>'
        );
        tpl.overwrite(this.body, json[0]);
    },
    
    onFailure: function() {
        Ext.Msg.alert('Fail', 'Error occured while getting iCARE pending records count.');
    }
});

Ext.reg('icarepanel', Example.ux.widget.icare);

[Abhijit Muke]

//8 Seconds Interval refresh for Grid - Working
var interval = setInterval(function() {
var store = Ext.StoreMgr.lookup('gridId');
tasksummary_store.reload();
}, 8000);