easyui 遮罩

//关闭遮罩对话框

function ajaxLoadEnd(){

$(".datagrid-mask").remove();

$(".datagrid-mask-msg").remove();

}

----------------------------------------------------------------------------------------

//弹出遮罩对话框

function ajaxLoading(){

$("<div class=‘datagrid-mask‘></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");

$("<div class=‘datagrid-mask-msg‘></div>").html("正在处理,请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2});

}

时间: 2024-10-11 09:33:09

easyui 遮罩的相关文章

Easyui 遮罩实现方式

项目中在提交Ajax请求时,后台处理数据时间有点长,需要一个遮罩,就随便找了一个实现一下:包含两种方式,个人比较喜欢第二种 第一种: $("#saveMaterial").click(function(){ $.messager.progress({ title:'请稍后', msg:'数据保存中...' }); var url = PREFIX_LOCATION+"/cpv3MaterialCtrl/saveMaterial"; var params = { &q

EasyUI 遮罩层使用

js代码: /* * seven.sun * 使用方法:引入此js, * 使用遮罩层时,调用方法showmask(); * 关闭遮罩层时,调用方法hidemask(); */ function showmask(){ //遮罩层,利用datagrid的遮罩层 $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%"

【转】扩展easyUI tab控件,添加加载遮罩效果

在easyui下自己生成遮罩效果的方法 (function () { $.extend($.fn.tabs.methods, { //显示遮罩 loading: function (jq, msg) { return jq.each(function () { var panel = $(this).tabs("getSelected"); if (msg == undefined) { msg = "正在加载数据,请稍候..."; } $("<di

JS-easyui 扩展easyui.datagrid,添加数据loading遮罩效果代码

(function (){ $.extend($.fn.datagrid.methods, { //显示遮罩 loading: function(jq){ return jq.each(function(){ $(this).datagrid("getPager").pagination("loading"); var opts = $(this).datagrid("options"); var wrap = $.data(this,"

遮罩、警告框/弹框 - EasyUI

1.遮罩 1.1. $.messager.progress //开启遮罩 $.messager.progress({}); 或 $.messager.progress({ title: 'Please waiting', msg: 'Loading data...', text: 'PROCESSING.......' }); //关闭遮罩 $.messager.progress('close'); 1.2.依赖于EasyUI控件的遮罩 //显示遮罩 $("#标签ID").标签(&qu

easyUI弹框被遮罩层遮挡

项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由于center区域是iframe嵌套的,所以里面的小弹窗无法覆盖页面的头部和左边目录栏. 情形一.点击提示弹窗里的确认后,提示弹窗消失: //warnTips为传入的值,例如successMask("确定要删除选中的数据吗?") function successMask(warnTips)

easyui dialog遮罩层

当dialog在一个iframe里时,此dialog的遮罩层也会只覆盖这个iframe,要想覆盖整个页面,就把dialog写到最外层的父页面中去,此时dialog的遮罩层会自动覆盖整个页面,若需要从子页面去获取父页面的dom对象,用parent.window.$(" ")的形式.

easyUI的treegrid添加节点(append)时间过长,设置等待(wait)遮罩效果

如题所述,在treegrid中,一次添加多个节点时,时间很长,但easyUI并无显示等待信息,让人以为是陷入了死循环,或者死机了,用户体验很差. 本来,treegrid(或者datagrid)有所谓的loadMsg,但只在加载数据时显示.添加节点,则不见有这种机制. 应用场景: 从一棵树中选中了许多节点,一次性复制到另一棵树.期间耗时比较长,会先显示等待信息:添加完成以后,等待消息消失. easyUI的一个对话框: <div id="dlg_Add_template" class

扩展easyui.datagrid,添加数据loading遮罩效果代码 --来自网摘收集

//jquery.datagrid 扩展 (function (){ $.extend($.fn.datagrid.methods, { //显示遮罩 loading: function(jq){ return jq.each(function(){ $(this).datagrid("getPager").pagination("loading"); var opts = $(this).datagrid("options"); var wra