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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
javascript+dom树型菜单类,希望朋友们一起进步
May 03 Javascript
建议大家看下JavaScript重要知识更新
Jul 08 Javascript
jquery tools之tooltip
Jul 25 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
JavaScript实现级联菜单的方法
Jun 29 Javascript
JavaScript中定时控制Throttle、Debounce和Immediate详解
Nov 17 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
Jul 25 Javascript
详解微信小程序实现仿微信聊天界面(各种细节处理)
Feb 17 Javascript
layui 弹出删除确认界面的实例
Sep 06 Javascript
js实现中文实时时钟
Jan 15 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
增加反向链接的101个方法 站长推荐
2007/01/31 PHP
PHP转换IP地址到真实地址的方法详解
2013/06/09 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
CI框架数据库查询之join用法分析
2016/05/18 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
判断对象是否Window的实现代码
2012/01/10 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
javascript中typeof的使用示例
2013/12/19 Javascript
在javascript中执行任意html代码的方法示例解读
2013/12/25 Javascript
初始Nodejs
2014/11/08 NodeJs
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
浅谈$('div a') 与$('div>a')的区别
2016/07/18 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
2019/12/17 Javascript
使用scrapy实现爬网站例子和实现网络爬虫(蜘蛛)的步骤
2014/01/23 Python
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python中pygame安装方法图文详解
2015/11/11 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
Python线程下使用锁的技巧分享
2018/09/13 Python
解决Pandas的DataFrame输出截断和省略的问题
2019/02/08 Python
pytorch 修改预训练model实例
2020/01/18 Python
TensorFlow固化模型的实现操作
2020/05/26 Python
Keras loss函数剖析
2020/07/06 Python
python Tornado框架的使用示例
2020/10/19 Python
舞蹈比赛获奖感言
2014/02/04 职场文书
各营销点岗位职责范本
2014/03/05 职场文书
低碳环保倡议书
2014/04/14 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python