此遮罩用的是jeasyui源码里的：
<html>
<head>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="jquery.json-2.4.js" type="text/javascript"></script>
<script src="jquery-easyui-1.3.2/jquery.easyui.min.js" type="text/javascript"></script>
<!--<script src="mask.js" type="text/javascript"></script> -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/themes/icon.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.2/demo/demo.css">
<script type="text/javascript">
$(function(){
$("#clickme").click(function(){
$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:document.body.clientWidth,height:document.body.clientHeight}).appendTo("body");
$("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请稍候。。。").appendTo("body")
.css({display:"block",left:(document.body.clientWidth - 190) / 2,top:(document.body.clientHeight - 45) / 2});
});
});
</script>
</head>
<body>
<button id="clickme">点我遮罩</button>
<body>
</html>
$("body").find(".datagrid-mask-msg").remove();
$("body").find(".datagrid-mask").remove();
相关推荐
Dialog 是 jEasyUI 中用于弹出窗口的组件，可用于显示信息、确认操作或进行表单输入。它具有可定制的大小、位置、标题和关闭按钮，同时支持拖动和缩放操作，提高了用户体验。 **4. 表单（Form）** jEasyUI 提供的 ...
3. **窗口（Window）**: 窗口组件常用于弹出对话框或模态窗口，可以设置大小、位置、可拖动、可最大化等特性。它还支持嵌入其他组件，如表格、表单，方便实现复杂业务逻辑。 4. **表单（Form）**: jEasyUI 提供了...
《JeasyUI DataGrid深度解析与开发指南》 在Web应用开发中，数据展示和交互是核心部分之一，而DataGrid作为数据展示的...通过深入理解DataGrid的内部机制和相关API，开发者可以构建出功能丰富、响应迅速的表格应用。
- **Dialog**：对话框组件，用于弹出窗口，包含标题、内容、按钮等元素，常用于显示详情或进行操作确认。 - **Menu**：菜单组件，用于创建下拉菜单，可与按钮配合使用，实现多级导航。 - **Tree**：树形视图组件，...
JeasyUI是一个基于jQuery的UI库，它提供了一系列简洁、易用的用户界面组件，包括表格、对话框、窗口、菜单、按钮等。...通过理解和掌握这些，你将能够创建出功能丰富的树形表格，有效地展示和管理层次结构的数据。
然而，"压缩包子文件的文件名称列表"只列出了"jEasyUI1.3.6_CHS"，这与描述中的“hibernate jar包”有所冲突。可能是描述信息有误，或者实际的压缩文件中并未包含hibernate的相关jar。如果只包含jEasyUI，那么主要的...
**JeasyUI TreeGrid 前后台交互实例详解** 在Web开发中，用户界面的美观性和易用性是至关重要的。JeasyUI是一款基于jQuery的轻量级UI库，提供了丰富的组件，如TreeGrid，用于展示层次结构的数据，同时具备表格的...
- **对话框(Dialog)**：用于创建可弹出的窗口，支持多种操作如最大化、最小化、关闭等。 - **表格(Grid)**：支持数据的展示、编辑、排序、分页等功能，适用于大数据量的展示。 - **表单(Form)**：用于用户输入数据，...
Datagrid是JeasyUI框架中的核心组件之一，适用于处理大量的数据集，并且提供了丰富的功能，如排序、筛选、分页、编辑等。这个实例是为了让用户能够快速体验和理解Datagrid的使用方法，通过直接运行，可以直观地看到...
从JeasyUI出下载demo后获得easyui文件夹，把它加到项目中去，建立好Image文件夹，因为要用到图片，也要建立jsonbyfzl.js，因为要把dataGrid的数据转成json，所以需要用到它 即var data =JSON.stringify(Rows);...
- 对话框（Dialog）：提供弹出式窗口，用于显示详细信息或进行用户交互。 - 分页（Pager）：配合表格使用，提供便捷的数据分页浏览。 - 树形视图（Tree）：展示层级结构数据，常用于目录结构或组织结构展示。 - ...
JEasyUI 是一个基于 jQuery 的轻量级前端框架，它为开发人员提供了丰富的组件和工具，简化了Web应用程序的用户界面构建。1.3.2 版本是 JEasyUI 的一个重要里程碑，提供了许多改进和修复，旨在提高性能和用户体验。在...
本文将深入探讨一个名为"jeasyui-app-crud1"的项目，这是一个利用jQuery EasyUI实现的CRUD（Create, Read, Update, Delete）操作示例。 首先，我们来理解一下jQuery EasyUI。EasyUI是基于jQuery的轻量级框架，它...
在IT领域，前端开发是构建用户界面的关键部分，而JeasyUI是一个基于jQuery的轻量级框架，提供了丰富的UI组件，如表格（table）、树形表格（treegrid）等，帮助开发者快速构建美观且功能强大的网页应用。本文将详细...
开发者在使用前应确认JeasyUI的官方文档中列出的浏览器兼容性列表。 8. **社区和资源**：JeasyUI有一个活跃的社区，开发者可以在论坛、Stack Overflow等平台上寻求帮助，分享经验，或者查找示例代码和插件。此外，...
5. **类型推断**：编译器可以通过上下文推断出局部变量的类型，使得代码更简洁，如`钻石操作符<>`在创建泛型集合时的应用。 **jQuery 1.7.1 API文档** jQuery是一个广泛使用的JavaScript库，它简化了HTML文档遍历...
- **对话框(Dialog)**：jEasyUI 提供了弹出式对话框组件，可以用来展示信息、获取用户输入或者进行复杂的交互。1.3.6 版本中，对话框支持自定义大小、位置，以及拖动和关闭功能。 - **面板(Panel)**：作为容器组件...
JeasyUI是一个基于jQuery的轻量级前端框架，它...总的来说，深入研究JeasyUI 1.3.2版本的各个插件源代码，不仅可以提升前端开发技能，也能帮助我们更好地理解和利用这个强大的框架，创造出更符合业务需求的用户体验。