做Extjs开发中,往往后台程序可能要执行一段时间才能得到返回结果,加入进度条可以提高客户体验度,以下为两种便捷的方式:

  1.提交数据前用Ext.Msg.wait('提示','正在处理数据,请稍候');弹出等待条,数据处理成功后用Ext.Msg.hide();将等待去掉,例如:

  Ext.Msg.wait('提示','正在处理数据,请稍候');

   代码如下:

  Ext.Ajax.request({

  url:'DataAction.ashx?method=update',

  params:{ItemCode:ItemCode,ItemName:ItemName},

  callback:function(options,success,response){
//http://www.unitymanual.com
  if(success==true)

  {

  Ext.Msg.hide();

  Ext.Msg.alert('提示',' 修改成功。 ');

  }else{

  alert(response.responseText);

  }

  }

  })

  2.如果你是提交表单的话,那就更简单啦,配置好waitMsg就行了,数据处理完后等待提示会自己消失的,例如:http://www.unitymanual.com/sitemap.xml
   代码如下:

  BaseInfo.getForm().submit({

  waitMsg:'正在保存数据,请稍候。',

  waitTitle:'提示',

  method:'POST',

  url:'BaseMessageAction.ashx?method=modity',

  params:{ItemCode:ItemCode,ItemName:ItemName},

  success:function(form,action){

  }

  })