最近在学习JQuery EasyUI,发现Window在弹出的时候并不会每次都居中,而是会显示在上次关闭时的位置。我想让其每次都居中显示,尝试多次无果后在网上找到了以下代码,只要再页面中引入即可。
参考链接:
http://www.java123.net/570754.html
var easyuiPanelOnOpen = function (left, top)
{
var iframeWidth = $(this).parent().parent().width();
var iframeHeight = $(this).parent().parent().height();
var windowWidth = $(this).parent().width();
var windowHeight = $(this).parent().height();
var setWidth = (iframeWidth - windowWidth) / 2;
var setHeight = (iframeHeight - windowHeight) / 2;
$(this).parent().css(
{
left : setWidth,
top : setHeight
}
);
if (iframeHeight < windowHeight)
{
$(this).parent().css(
{
left : setWidth,
top : 0
}
);
}
$(".window-shadow").hide();
};
$.fn.window.defaults.onOpen = easyuiPanelOnOpen;
分享到:
相关推荐
标题 "jquery easyui 表头固定 datagrid 弹出框 AJAX刷新页面" 涉及的是在网页开发中使用jQuery EasyUI库实现的功能。jQuery EasyUI是一个基于jQuery的UI框架,它提供了一系列易于使用的组件,如datagrid(数据网格...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它封装了一系列的 jQuery 插件,为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...
- **窗口(Window)**:提供弹出式或浮动式的对话框,用于展示独立的内容或操作。 - **表格(Grid)**:数据展示的主要工具,支持分页、排序、过滤和编辑等功能。 - **表单(Form)**:用于收集用户输入,支持多种...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了丰富的组件和功能。...通过深入阅读和实践“jQuery EasyUI 帮助文档”,开发者可以更好地掌握这个框架,创建出高效、美观的Web应用。
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个初试 Jquery EasyUI 的 Demo 旨在帮助新手逐步理解和应用这个强大的工具。 ...
理解并熟练运用这些知识点,开发者就能有效地利用jQuery EasyUI创建出高效、美观且功能丰富的Web应用程序。在实际开发中,不断查阅API文档和实践操作,将有助于加深对EasyUI的理解并提高开发效率。
然后,为了展示日历功能,我们需要创建一个 input 元素,用于触发日历的弹出。我们可以设置它的 `class` 为 "easyui-datebox",这样当点击这个输入框时,EasyUI 将自动为其附加一个日历组件: ```html ...
4. 对话框(Dialog)和窗口(Window):EasyUI提供了对话框和窗口组件,用于弹出式显示内容。这些组件可以用来显示详细信息、进行用户交互或执行其他操作。Demo中可能会展示如何使用`<div>`标签加上`easyui-dialog`...
jQuery EasyUI 是一款非常棒的WEB前端UI框架,很多朋友都在找jQuery EasyUI API 中文文档,本次给大家提供的就是jQuery EasyUI v1.3.5官方API中文版,有需要的拿去用吧
3. **API 参考**:文档中包含了一个完整的 API 参考,列出了所有可用的 jQuery EasyUI 函数、方法和属性。开发者可以通过查阅这个部分来了解如何操作和定制组件,比如改变组件的属性、触发或响应特定事件等。 4. **...
jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列易于使用的组件和插件,使得开发者能够快速构建出美观、功能丰富的用户界面。这个压缩包包含的是 jQuery EasyUI 的全套文件...
针对jQuery EasyUI的1.9.0的在线帮助文档进行整理,生成chm文件,便于开发时或者离线对easyi控件的属性、文法、事件等内容的查看。
在这个"ssm+jqueryeasyui案例"中,我们可以学习如何将这三者结合,构建出功能完善的Web应用。首先,我们需要在项目中引入SSM框架的相关依赖,包括Spring的核心库、SpringMVC的Servlet容器配置以及MyBatis的数据库...
首先,`jQuery EasyUI1.2 API文档.CHM` 是一个帮助文件,它详细列出了 jQuery EasyUI 1.2 版本的所有 API 和方法。CHM 文件是一种常见的 Windows 帮助文档格式,里面包含索引、搜索功能,方便用户查找和理解各种组件...
SSH+jQuery EasyUI后台管理系统是一种基于Struts2(S)、Spring(S)和Hibernate(H)三大开源框架的Web应用程序开发模式,结合jQuery EasyUI前端框架,构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...
jQuery EasyUI 是一个基于 jQuery 的前端开发框架,用于快速构建用户界面。v1.10.0 是这个框架的一个特定版本,包含了一系列组件和功能,适用于网页应用的开发。在这个zip压缩包中,我们可以找到一系列文件,每个都...
在实际项目中,jQuery EasyUI、ZTree和折线图的组合可以创建出复杂的管理界面。比如,你可以用ZTree展示组织架构或文件系统,通过点击节点触发异步加载子节点,同时结合EasyUI的表格组件展示详细信息;而折线图则...
2. **组件使用**:详细介绍了每个组件的用法,如`<datagrid>`用于展示数据表格,`<window>`用于弹出窗口,`<layout>`用于页面布局,`<form>`用于创建表单等。每个组件都包含属性、方法和事件,学习如何配置这些参数...
结合jQuery EasyUI 和 Layer,可以构建出一个强大的后台管理框架。通常包括以下部分: 1. **登录界面**:利用Layer创建登录对话框,EasyUI 提供表单元素和验证功能。 2. **整体框架**:使用EasyUI的布局组件搭建...
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对c 资源太大,传百度网盘了,...