author 刘庆
jquery 应用
jquery easyui API地址
http://easyui.btboys.com/api/
jqueryeasyui 自带的加载控件
<div class="datagrid-mask-msg" style="font-size:12px;display:block;">正在加载</div>
也可以
用js
jquery 基础知道回顾
$(window).height();
求显示屏幕高度(页面显示高度)
如下面html 用jquery 怎么调用
<div class="datagrid-mask" style="display:block;height:150px; width:100%"></div>
$('div.datagrid-mask').css({height:$(window).height()});
浏览
综合应用测试
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="sx" uri="/struts-tags-zk" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<sx:head/>
<script type="text/javascript">
$(function(){
//$("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");
$('#tt22').tree({
url:'data.json',
animate:true,
onclick:function(node) {
}
});
$('div.datagrid-mask').css({height:$(window).height()});
$('div.datagrid-mask-msg').css({
left:$(document.body).outerWidth(true) / 2,
top:$(window).height()/2 - 20
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="datagrid-mask" style="display:block;height:150px; width:100%"></div>
<div class="datagrid-mask-msg" style="font-size:12px;margin:auto;text-align:center;display:block;">正在加载</div>
<ul id="tt22"></ul>
</body>
</html>
- 大小: 3.2 KB
分享到：
相关推荐
jQuery EasyUI 是一个基于 jQuery 的前端框架，它封装了一系列的 jQuery 插件，为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它简化了网页用户界面开发，提供了丰富的组件和功能。这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南，对于开发者来说是极具价值的资源。 jQuery ...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列的 UI 组件，使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个框架大大简化了网页界面的设计工作，使得...
在初试 Jquery EasyUI 的 Demo 中，你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码，可以运行...
- **EasyUI 组件**: EasyUI 将jQuery的功能进一步扩展，提供了如`datagrid`（数据网格）、`panel`（面板）、`dialog`（对话框）等丰富的UI组件。 2. **组件的使用**： - **初始化组件**: 使用`$(selector)....
jQuery EasyUI 是一个基于 jQuery 的前端框架，它简化了网页用户界面开发，提供了一系列易于使用的组件，如对话框、表格、菜单、按钮等。版本 1.5.1 是一个重要的更新，它不仅包含了之前版本的所有功能，还进行了...
JQuery EasyUI 是一个基于 jQuery 的轻量级前端框架，它提供了一系列的 UI 组件，如对话框、表格、树形菜单、按钮等，用于快速构建用户界面。在这个"Jquery EasyUI 日历Demo"中，我们将探讨如何利用 EasyUI 的日历...
《jQuery EasyUI、ZTree与折线图的综合应用》 在Web开发中，jQuery EasyUI、ZTree和折线图是三种常见的组件，它们分别用于构建用户界面、实现树形结构展示和数据可视化。本篇文章将深入探讨这些技术及其在实际项目...
**Word 格式文档——"jqueryEasyui培训文档.doc"** Word 文档可能提供了更便于编辑和注解的格式，内容可能与 PDF 相似，但可能更适合那些喜欢手动修改和添加笔记的读者。它可能包括： 1. **教程部分**：逐步指导...
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉，由于很多人和我要chm格式的，所以本次API我提供了2种版本的API，一个还是以前的EXE格式，另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...
jQuery EasyUI 是一款非常棒的WEB前端UI框架，很多朋友都在找jQuery EasyUI API 中文文档，本次给大家提供的就是jQuery EasyUI v1.3.5官方API中文版，有需要的拿去用吧
**基于JQueryEasyUI类库的WebForm控件库** JQueryEasyUI是一个基于jQuery的UI框架，它封装了一系列的JavaScript组件，使得开发者能够轻松创建出功能丰富的Web应用程序界面。这个WebForm控件库是专门为.NET平台设计...
SSH+jQuery EasyUI后台管理系统是一种基于Struts2（S）、Spring（S）和Hibernate（H）三大开源框架的Web应用程序开发模式，结合jQuery EasyUI前端框架，构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...
jQuery EasyUI 是一个基于 jQuery 的前端开发框架，它简化了网页界面的构建，提供了一系列的 UI 组件，如对话框、表格、下拉菜单、树形结构等。这个参考资源合集包含了三个重要的文档，分别为 jQuery EasyUI 1.2 API...
针对jQuery EasyUI的1.9.0的在线帮助文档进行整理，生成chm文件，便于开发时或者离线对easyi控件的属性、文法、事件等内容的查看。
jQuery EasyUI 是一个基于 jQuery 的前端开发框架，用于快速构建用户界面。v1.10.0 是这个框架的一个特定版本，包含了一系列组件和功能，适用于网页应用的开发。在这个zip压缩包中，我们可以找到一系列文件，每个都...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列易于使用的组件，用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本，包含了许多改进和修复，以提升开发者的体验和应用程序的性能。这个压缩包...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架，它提供了一系列的组件，帮助开发者快速构建具有专业外观和交互性的 Web 应用程序。这个框架的核心理念是通过简单的 JavaScript 调用来...
在这个"ssm+jqueryeasyui案例"中，我们可以学习如何将这三者结合，构建出功能完善的Web应用。首先，我们需要在项目中引入SSM框架的相关依赖，包括Spring的核心库、SpringMVC的Servlet容器配置以及MyBatis的数据库...
jQuery EasyUI 是一个基于 jQuery 的前端框架，它简化了网页用户界面组件的开发，提供了丰富的UI控件，如数据网格、下拉树、对话框、菜单等。这个压缩包包含了1.5.1版本的离线中文API文档，是开发者进行jQuery ...