Extjs实现进度条

做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){

                              if(success==true)

                              {

                                  Ext.Msg.hide();

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

                              }else{

                                  alert(response.responseText);

                              }

                }

           }) 



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

BaseInfo.getForm().submit({

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

                      waitTitle:'提示',

                      method:'POST',

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

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

                      success:function(form,action){

                      }

})

你可能感兴趣的:(ExtJs)