zoukankan      html  css  js  c++  java
  • Easyui 让Window弹出居中与最大化后居中

    easyui1.3.2版本,window的弹出不会居中了。而dialog是会居中的,我们必须为为window的open事件做扩展

    代码如下:只要加入以下代码即可.如果你是看了MVC项目系列的,把他放到jquery.easyui.plus.js里面就可以了

    //让window居中
    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;

    完美居中。

    点击最大化后,再次最小化时也会出现不居中现象,我们必须,扩展resize事件。

    var easyuiPanelOnResize = 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-6,
            top: setHeight-6
        });
    
        if (iframeHeight < windowHeight) {
            $(this).parent().css({/* 修正面板位置 */
                left: setWidth,
                top: 0
            });
        }
        $(".window-shadow").hide();
        //$(".window-mask").hide().width(1).height(3000).show();
    };
    $.fn.window.defaults.onResize = easyuiPanelOnResize;

    window组件可以兼容了

  • 相关阅读:
    HDU 4665 Unshuffle DFS找一个可行解
    Servlet生命周期引起的问题
    获取真实Ip地址
    java中return与finally的执行顺序
    理解正则表达式
    抽象类与接口
    java 4种方式读取配置文件 + 修改配置文件
    Java基础语法
    接口多继承
    Java类成员(成员变量和方法)的覆盖与隐藏归纳
  • 原文地址:https://www.cnblogs.com/ymnets/p/3439302.html
Copyright © 2011-2022 走看看