`
zhangdesheng
  • 浏览: 2568 次
文章分类
社区版块
存档分类
最新评论

JQuery Easyui Window弹出框居中

    博客分类:
  • Java
阅读更多
最近在学习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 表头固定 datagrid 弹出框 AJAX刷新页面" 涉及的是在网页开发中使用jQuery EasyUI库实现的功能。jQuery EasyUI是一个基于jQuery的UI框架,它提供了一系列易于使用的组件,如datagrid(数据网格...

    jquery easyui datagrid demo

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它封装了一系列的 jQuery 插件,为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...

    jqueryEasyUI

    - **窗口(Window)**:提供弹出式或浮动式的对话框,用于展示独立的内容或操作。 - **表格(Grid)**:数据展示的主要工具,支持分页、排序、过滤和编辑等功能。 - **表单(Form)**:用于收集用户输入,支持多种...

    jquery easyui 帮助文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了丰富的组件和功能。...通过深入阅读和实践“jQuery EasyUI 帮助文档”,开发者可以更好地掌握这个框架,创建出高效、美观的Web应用。

    初试JqueryEasyUI(附Demo)

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个初试 Jquery EasyUI 的 Demo 旨在帮助新手逐步理解和应用这个强大的工具。 ...

    jQuery EasyUI的api

    理解并熟练运用这些知识点,开发者就能有效地利用jQuery EasyUI创建出高效、美观且功能丰富的Web应用程序。在实际开发中,不断查阅API文档和实践操作,将有助于加深对EasyUI的理解并提高开发效率。

    Jquery EasyUI 日历Demo

    然后,为了展示日历功能,我们需要创建一个 input 元素,用于触发日历的弹出。我们可以设置它的 `class` 为 "easyui-datebox",这样当点击这个输入框时,EasyUI 将自动为其附加一个日历组件: ```html ...

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI是一个基于jQuery的UI框架,提供了丰富的组件,其中包括用于创建弹出窗口(window)的功能。在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细...

    Jquery EasyUI 页面框架Demo

    4. 对话框(Dialog)和窗口(Window):EasyUI提供了对话框和窗口组件,用于弹出式显示内容。这些组件可以用来显示详细信息、进行用户交互或执行其他操作。Demo中可能会展示如何使用`&lt;div&gt;`标签加上`easyui-dialog`...

    jQuery EasyUI v1.3.5官方API中文版

    jQuery EasyUI 是一款非常棒的WEB前端UI框架,很多朋友都在找jQuery EasyUI API 中文文档,本次给大家提供的就是jQuery EasyUI v1.3.5官方API中文版,有需要的拿去用吧

    jQuery EasyUI 1.5.1 版 API 中文版

    3. **API 参考**:文档中包含了一个完整的 API 参考,列出了所有可用的 jQuery EasyUI 函数、方法和属性。开发者可以通过查阅这个部分来了解如何操作和定制组件,比如改变组件的属性、触发或响应特定事件等。 4. **...

    jQuery easyui 全套文件

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了一系列易于使用的组件和插件,使得开发者能够快速构建出美观、功能丰富的用户界面。这个压缩包包含的是 jQuery EasyUI 的全套文件...

    jQuery EasyUI 1.9.4 chm文档

    针对jQuery EasyUI的1.9.0的在线帮助文档进行整理,生成chm文件,便于开发时或者离线对easyi控件的属性、文法、事件等内容的查看。

    ssm+jqueryeasyui案例

    在这个"ssm+jqueryeasyui案例"中,我们可以学习如何将这三者结合,构建出功能完善的Web应用。首先,我们需要在项目中引入SSM框架的相关依赖,包括Spring的核心库、SpringMVC的Servlet容器配置以及MyBatis的数据库...

    jQuery EasyUI 参考资源合集

    首先,`jQuery EasyUI1.2 API文档.CHM` 是一个帮助文件,它详细列出了 jQuery EasyUI 1.2 版本的所有 API 和方法。CHM 文件是一种常见的 Windows 帮助文档格式,里面包含索引、搜索功能,方便用户查找和理解各种组件...

    SSH+Jquery easyUI后台管理系统

    SSH+jQuery EasyUI后台管理系统是一种基于Struts2(S)、Spring(S)和Hibernate(H)三大开源框架的Web应用程序开发模式,结合jQuery EasyUI前端框架,构建出高效、简洁且具有现代感的后台管理界面。这个系统设计的...

    jQuery EasyUI v1.10.0.zip

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,用于快速构建用户界面。v1.10.0 是这个框架的一个特定版本,包含了一系列组件和功能,适用于网页应用的开发。在这个zip压缩包中,我们可以找到一系列文件,每个都...

    jquery easyui + Ztree +折线图

    在实际项目中,jQuery EasyUI、ZTree和折线图的组合可以创建出复杂的管理界面。比如,你可以用ZTree展示组织架构或文件系统,通过点击节点触发异步加载子节点,同时结合EasyUI的表格组件展示详细信息;而折线图则...

    jQuery EasyUI中文手册

    2. **组件使用**:详细介绍了每个组件的用法,如`&lt;datagrid&gt;`用于展示数据表格,`&lt;window&gt;`用于弹出窗口,`&lt;layout&gt;`用于页面布局,`&lt;form&gt;`用于创建表单等。每个组件都包含属性、方法和事件,学习如何配置这些参数...

    jquery easyui+layer后台框架

    结合jQuery EasyUI 和 Layer,可以构建出一个强大的后台管理框架。通常包括以下部分: 1. **登录界面**:利用Layer创建登录对话框,EasyUI 提供表单元素和验证功能。 2. **整体框架**:使用EasyUI的布局组件搭建...

Global site tag (gtag.js) - Google Analytics