ExtJs的Ext.Ajax.request实现waitMsg等待提示效果


Posted in Javascript onJune 14, 2017

一、  fp.form.submit 有waitMsg 属性来设置等待效果,如下。但是对于Ext.Ajax.request来说 waitMsg 并不起作用。   

fp.form.submit({
              url : '',
              waitTitle : "[性别]修改",
              waitMsg : '正在提交数据,请稍后... ...',
              success : function(form, action) {
                   Ext.MessageBox.alert('提示信息',action.result.msg);
              },
              failure : function(form, action) {
                Ext.MessageBox.alert('提示信息', "更新性别有误!");
              }
        });

二、Ext.Ajax.request实现waitMsg等待提示效果      

Ext.MessageBox.confirm('Message', '请问您确定要修改性别吗?', function(btn) {
     if (btn == 'yes'){
      var myMask = new Ext.LoadMask(Ext.getBody(), { 
       msg: '正在提交申请,请稍后!'
      }); 
      myMask.show();
      Ext.Ajax.request({
       url : '',
       params : {
        sex : sex
          },
       success : function(response,option) {           
          var res = Ext.decode(response.responseText);
          if(res.success){
           myMask.hide();
           Ext.MessageBox.alert('提示信息', res.msg);
          }else{
           myMask.hide();
           Hs.util.Msg('提示信息', res.msg);
          }   
       },
       failure : function(form, action) {
        myMask.hide();
        Hs.util.Msg('提示信息', response.msg);
       }
      });
    }
  });

以上所述是小编给大家介绍的ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery中选择块并改变属性值的方法
Jul 31 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 Javascript
JavaScript中操作字符串小结
May 04 Javascript
理解javascript闭包
Dec 15 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
Oct 24 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
JavaScript限定范围拖拽及自定义滚动条应用(3)
May 17 Javascript
关于Vue实现组件信息的缓存问题
Aug 23 Javascript
详解Vue.use自定义自己的全局组件
Jun 14 #Javascript
详解vue-router2.0动态路由获取参数
Jun 14 #Javascript
微信小程序动态添加分享数据
Jun 14 #Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 #Javascript
JS查找数组中重复元素的方法详解
Jun 14 #Javascript
JS设置手机验证码60s等待实现代码
Jun 14 #Javascript
jQuery ajax动态生成table功能示例
Jun 14 #jQuery
You might like
PHP 处理图片的类实现代码
2009/10/23 PHP
在WordPress中安装使用视频播放器插件Hana Flv Player
2016/01/04 PHP
Yii框架模拟组件调用注入示例
2019/11/11 PHP
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
javascript的BOM汇总
2015/07/16 Javascript
JQuery中解决重复动画的方法
2016/10/17 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
layui radio单选限制下一个radio单选的实例
2019/09/03 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
原生js实现自定义滚动条组件
2021/01/20 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
深入理解Python中的*重复运算符
2017/10/28 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
django的ORM操作 增加和查询
2019/07/26 Python
自定义django admin model表单提交的例子
2019/08/23 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
python生成大写32位uuid代码
2020/03/03 Python
Python进行统计建模
2020/08/10 Python
CSS3 函数技巧 用css 实现js实现的事情(clac Counters Tooltip)
2017/08/15 HTML / CSS
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
Reebonz中国官网:新加坡奢侈品购物网站
2017/03/17 全球购物
为什么使用接口?
2014/08/13 面试题
师范生实习自我鉴定
2013/11/01 职场文书
大学生职业规划论文
2014/01/11 职场文书
小学生新年寄语
2014/04/03 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
面试感谢信范文
2015/01/22 职场文书
教师节老师寄语
2015/05/28 职场文书
领导新年致辞2016
2015/07/29 职场文书
安全教育主题班会总结
2015/08/14 职场文书