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 相关文章推荐
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
Jul 09 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
基于js文件加载优化(详解)
Jan 03 Javascript
JavaScript实现简单的文本逐字打印效果示例
Apr 12 Javascript
Vue波纹按钮组件制作
Apr 30 Javascript
Vue.js 2.x之组件的定义和注册图文详解
Jun 19 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
vue2.0 如何在hash模式下实现微信分享
Jan 22 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
vue组件是如何解析及渲染的?
Jan 13 Vue.js
详解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
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
js函数setTimeout延迟执行的简单介绍
2013/07/17 Javascript
js动态调用css属性的小规律及实例说明
2013/12/28 Javascript
Jquery中"$(document).ready(function(){ })"函数的使用详解
2013/12/30 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
jQuery中dequeue()方法用法实例
2014/12/29 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
React diff算法的实现示例
2018/04/20 Javascript
JavaScript实现构造json数组的方法分析
2018/08/17 Javascript
vue-router 手势滑动触发返回功能
2018/09/30 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
Layui给switch添加响应事件的例子
2019/09/03 Javascript
Python中文件操作简明介绍
2015/04/13 Python
python实现各进制转换的总结大全
2017/06/18 Python
python的多重继承的理解
2017/08/06 Python
利用python实现微信头像加红色数字功能
2018/03/26 Python
Python 删除整个文本中的空格,并实现按行显示
2018/07/24 Python
Selenium定位元素操作示例
2018/08/10 Python
python版百度语音识别功能
2019/07/09 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
python如何统计代码运行的时长
2019/07/24 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
Python中sys模块功能与用法实例详解
2020/02/26 Python
python用opencv完成图像分割并进行目标物的提取
2020/05/25 Python
资料员的岗位职责
2013/11/20 职场文书
环境整治工作方案
2014/05/18 职场文书
党员个人自我评价
2015/03/03 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
html5实现点击弹出图片功能
2021/07/16 HTML / CSS