`
leon1509
  • 浏览: 536943 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于Ext.Ajax.request的遮罩问题!

阅读更多
两种实现方法:

1. 为Ext.Ajax添加侦听事件
Ext.Ajax.on("beforerequest", function(){yourGird.loadMask.show();});
Ext.Ajax.on("requestcomplete", function(){yourGgird.loadMask.hide();});
Ext.Ajax.on("requestexception", function(){yourGird.loadMask.hide();});


2. 通过Ext.data.Connection实现
   1). 首先定义Ext.data.Connection,并添加监听事件:
  
   var conn = new Ext.data.Connection({
    listeners : {
     "beforerequest" : function(){yourGird.loadMask.show();},
     "requestcomplete" : function(){yourGird.loadMask.hide();},
     "requestexception" : function(){yourGird.loadMask.hide();}
    }
   });
   


   2). 使用时通过conn去执行ajax请求
  
   conn.request({
     url : yourUrl,
     params: { jsonData : Ext.util.JSON.encode(jsonArray) },
     success : function(result){
       var json_str = Ext.util.JSON.decode(result.responseText);
        if(!json_str.success){ .... }
        else { ..... } 
     },
     failure : function(){ ...... }
    })
   


上面的yourGird.loadMask是创建GridPanel时使用的遮罩,也可以使用以下方式创建一个遮罩:
var _loadMask = new Ext.LoadMask()


打完收工!!!
分享到:
评论

相关推荐

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

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    ajax 提交小例子.带表单验证和遮罩等待效果

    这个小例子是关于如何利用Ajax实现一个带有表单验证和遮罩等待效果的交互式用户体验。下面我们将深入探讨其中涉及的技术和知识点。 首先,`ajax.php`和`login.php`是处理后台请求的PHP脚本。`ajax.php`通常用于接收...

    Android 使用 PorterDuff.Mode.XOR 自定义遮罩

    在Android开发中,有时我们需要对UI元素进行自定义的视觉效果处理,比如创建一个遮罩效果。本篇文章将深入探讨如何使用PorterDuff.Mode.XOR模式来实现自定义遮罩视图。PorterDuff是一种图形混合模式,用于描述两个...

    卡片悬停图文遮罩显示特效.rar

    卡片悬停图文遮罩显示特效.rar 卡片悬停图文遮罩显示特效.rar 卡片悬停图文遮罩显示特效.rar 卡片悬停图文遮罩显示特效.rar 卡片悬停图文遮罩显示特效.rar 卡片悬停图文遮罩显示特效.rar 卡片悬停图文遮罩显示特效....

    Ext3_MaskLayer:Ext遮罩层

    Ext3_MaskLayer是基于JavaScript库ExtJS 3.x版本的一个组件,主要用于在网页界面上创建可自定义的遮罩层。遮罩层通常用于在页面执行耗时操作(如加载数据、弹出对话框)时,防止用户与背景内容交互,提供更好的用户...

    页面加载中(遮罩层支持ajax、模拟查询、模拟保存、模拟导入、模拟隐藏、模拟刷新、全屏遮罩、兼容ie、谷歌、火狐等浏览器)2016.09.13.zip

    在这个2016.09.13版本的压缩包中,包含了一系列与优化页面加载相关的功能和技术,如Ajax、页面加载遮罩层、模拟操作以及全屏遮罩,并且强调了对IE等不同浏览器的兼容性。下面将详细阐述这些知识点: 1. **Ajax...

    Jquery遮罩ShowLoading组件

    //ajax调用 $.ajax({ type: "GET", url: "Api.php", data: {ApiTarget: 'TestImage', op: 'paginateByClassId', prj_id: prj_id, class_id:class_id, page: index, per_page: items_per_page, user_id: user_id, ...

    jquery遮罩,ajax时调用

    $.ajax({ url: 'your/api/url', type: 'GET', beforeSend: function() { $('#loading-mask').show(); }, complete: function() { $('#loading-mask').hide(); }, success: function(data) { // 处理返回的...

    ext 资源汇总

    EXT.tree.Column用于设置树节点列的显示,EXT.tree.LoadMask可以在加载数据时显示遮罩。 4. **独立文件和注释**: 每个控件被编写为独立的文件,这意味着它们可以方便地被引入到项目中,降低了代码的耦合度,有利于...

    图片浏览(遮罩层的应用)ajax

    本主题将深入探讨如何结合遮罩层技术来实现一个优雅的图片浏览体验,利用Ajax技术进行无刷新的数据交互,提升用户体验。下面我们将详细讨论相关知识点。 首先,遮罩层(Mask Layer)是网页设计中一种重要的视觉效果...

    JS移动端点击弹出遮罩层

    在这个例子中,我们需要一个按钮触发遮罩层的显示,并且需要一个遮罩层元素本身: ```html <!DOCTYPE html> , initial-scale=1.0"> <title>JS移动端点击弹出遮罩层 .mask { position: fixed; top: 0; ...

    layui: layer.open加载窗体时出现遮罩层的解决方法

    外面,需要的时候从layer.use方法里面调用,就不会出现遮罩层 layer.use([],function(){ $(#添加按钮id).click(function(){ editData(,form,添加) ; }) ; }); function editData(data,from,title){ var win...

    jquery.lightbox.js遮罩层图片幻灯片自适应图片

    jquery.lightbox.js遮罩层图片幻灯片自适应图片 jquery.lightbox.js遮罩层图片幻灯片自适应图片 jquery.lightbox.js遮罩层图片幻灯片自适应图片 jquery.lightbox.js遮罩层图片幻灯片自适应图片

    WPF弹出半透明遮罩

    在Windows Presentation Foundation(WPF)中,创建一个半透明的弹出遮罩是常见的需求,尤其是在设计用户界面时,为了提供更好的用户体验,我们可能需要在主窗口上显示一个半透明的覆盖层,以突出显示某些内容或者...

    图片点击放大缩小遮罩层以及 ajax加载中防止重复提交加载遮罩层

    其次,"ajax加载中防止重复提交的遮罩层js代码"涉及到Ajax请求的管理。在用户进行文件上传或数据提交时,防止用户意外地多次点击提交按钮是非常重要的,因为这可能导致后台处理多个相同请求,带来不必要的资源浪费或...

    jquery动画3.创建一个带遮罩效果的图片走廊

    今天我们要完成的是一个带有遮罩效果(补间动画)的图片走廊jquery插件:jquery.tranzify.js

    C#自定义半透明遮罩层源码

    在Windows Forms应用开发中,有时候我们需要为用户界面添加一种半透明的遮罩层,以达到某种视觉效果,比如加载等待、提示信息等。标题提到的"C#自定义半透明遮罩层源码"正是针对这一需求提供的解决方案。下面将详细...

    html遮罩层

    $.ajax({ type: "POST", url: "your-url", data: yourData, success: function(response) { // 请求成功后处理响应数据 // ... // 隐藏遮罩层 $("#mask-layer").hide(); }, error: function(xhr, status...

    20230611版万能Xseg遮罩模型1835W迭代.zip

    下载模型后放model文件夹里,然后跑一下5.XSeg) data_dst trained mask - apply.bat 这个脚本和5.XSeg) data_src trained mask - apply.bat这个脚本,把遮罩应用到所有aligned图片中。之后在合成时就能选遮罩了

Global site tag (gtag.js) - Google Analytics