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 相关文章推荐
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
May 23 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
Nov 09 Javascript
微信小程序  modal详解及实例代码
Nov 09 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
Bootstrap Paginator+PageHelper实现分页效果
Dec 29 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
基于layui轮播图满屏是高度自适应的解决方法
Sep 16 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 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
图形数字验证代码
2006/10/09 PHP
PHP 反向排序和随机排序代码
2010/06/30 PHP
php中使用redis队列操作实例代码
2013/02/07 PHP
php中对象引用和复制实例分析
2019/08/14 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
Vue 中mixin 的用法详解
2018/04/23 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
vue车牌号校验和银行校验实战
2019/01/23 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
python求众数问题实例
2014/09/26 Python
Python更新数据库脚本两种方法及对比介绍
2017/07/27 Python
使用pandas对矢量化数据进行替换处理的方法
2018/04/11 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
python3操作注册表的方法(Url protocol)
2020/02/05 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
python支持多继承吗
2020/06/19 Python
ColourPop美国官网:卡拉泡泡,洛杉矶彩妆品牌
2019/04/28 全球购物
计算机应用专业推荐信
2013/11/13 职场文书
秸秆管理实施方案
2014/03/15 职场文书
银行服务明星推荐材料
2014/05/29 职场文书
2014年度个人工作总结
2014/11/07 职场文书
2015新年寄语大全
2014/12/08 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
Oracle 区块链表创建过程详解
2021/05/15 Oracle
Python爬取某拍短视频
2021/06/11 Python