日期:2014-05-16  浏览次数:20608 次

Extjs4 gird请求后台时的进度条
Extjs4版本ext-4.0.2a。
在Extjs中form请求时可以设置属性waitTitle,waitMsg显示进度条
form.getForm().submit({
  method: 'POST',
  waitTitle: '系统提示',
  waitMsg: '正在处理,请稍候',
  url: 'task/addTaskInfo',
  success: function(){
    Ext.Msg.alert('成功', '保存成功');
    store.load();
  },
  failure: function(form, action){
    Ext.Msg.alert('系统提示', '添加失败');
   }
});

但是在grid页面tbar的button上没有这个属性,这样我们在提交前加上两段代码
var el = grid.getEl();   
el.mask("正在发布中……");  
Ext.Ajax.request({
  // 定义后台url映射。参数为选择行的任务id。
  url: 'task/sendTaskInfo',
  params: {
    task_code : str
  },
  // 发送请求成功回调函数。
  success: function(){
    Ext.Msg.alert('成功', '发布成功');
    store.load();
    el.unmask();
  },
  // 发送请求失败回调函数。
  failure: function(){
    Ext.Msg.alert('失败', '发布失败');
    el.unmask();
  }
});

这样也可以锁定页面出现进度条的效果。
小宝制造。
1 楼 liuwuping1206 2011-11-08  
不错。。我刚学习  实在找不到资料。。希望多写些文章学习 呵呵
2 楼 liubl2011 2011-11-10  
一起学习。