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 相关文章推荐
JavaScript触发器详解
Mar 10 Javascript
Javascript的构造函数和constructor属性
Jan 09 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
Aug 31 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
Feb 13 Javascript
vue cli 全面解析
Feb 28 Javascript
解决vue-loader加载不上的问题
Oct 21 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
PHP封装函数实现生成随机的字符串验证码
2017/01/24 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
JavaScript面向对象编程
2008/03/02 Javascript
按下Enter焦点移至下一个控件的实现js代码
2013/12/11 Javascript
解决jquery中美元符号命名冲突问题
2014/01/08 Javascript
js中的json对象详细介绍
2014/10/29 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
express+mockjs实现模拟后台数据发送功能
2018/01/07 Javascript
angular6.0开发教程之如何安装angular6.0框架
2018/06/29 Javascript
iView-admin 动态路由问题的解决方法
2018/10/03 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
python基于pyDes库实现des加密的方法
2017/04/29 Python
python logging模块书写日志以及日志分割详解
2019/07/22 Python
基于python3生成标签云代码解析
2020/02/18 Python
matplotlib运行时配置(Runtime Configuration,rc)参数rcParams解析
2021/01/05 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
产品促销活动策划书
2014/01/15 职场文书
读书演讲主持词
2014/03/18 职场文书
马丁路德金演讲稿
2014/05/19 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
Oracle表空间与权限的深入讲解
2021/11/17 Oracle
HTML中的表格元素介绍
2022/02/28 HTML / CSS
利用Python多线程实现图片下载器
2022/03/25 Python
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers