I have a grid control which I reload via a timer every second or so. I initiate this timer immediately before calling a AJAX request which is long processing at times.


The grid I am refreshing is actually a list of tasks to be carried out on the server.


I am trying to give the user some ideas as to how much longer they have to wait.


this code:




Code:
      var task = {
        run: function(){
          Ext.getCmp("id_task_approval_progress").store.reload();
        },
        interval: 1000
      }
    
      var runner = new Ext.util.TaskRunner();
      runner.start(task); 
      
      Ext.Ajax.request({
        url: 'services/index.php/application/task/approve',
        params: { id_primary: id_task, id_status: status },
        success: function(response, action){
          if(!ajax_error_handler(response, action)){
            window.location.reload(true);
          }
        }
      });
Does not work...it prevents the grid from refreshing until the AJAX request is complete???


Regards,
Alex