Extjs实现进度条

最新推荐文章于 2021-07-21 16:06:18 发布

释迦不加糖、

最新推荐文章于 2021-07-21 16:06:18 发布

阅读量2.7k

点赞数 1

分类专栏：小案例文章标签： Extjs 精度条

本文链接：https://blog.csdn.net/cl05300629/article/details/12053859

版权

小案例专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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