请选择 进入手机版 | 继续访问电脑版

学JAVA网

 找回密码
 立即注册

easyui 让Window组件弹出居中

[复制链接]
发表于 2018-5-31 09:36:57 |显示全部楼层
(转载原文地址:http://www.cnblogs.com/ymnets/p/3439302.html

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

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

  1. //让window居中
  2. var easyuiPanelOnOpen = function (left, top) {
  3.     var iframeWidth = $(this).parent().parent().width();
  4.    
  5.     var iframeHeight = $(this).parent().parent().height();

  6.     var windowWidth = $(this).parent().width();
  7.     var windowHeight = $(this).parent().height();

  8.     var setWidth = (iframeWidth - windowWidth) / 2;
  9.     var setHeight = (iframeHeight - windowHeight) / 2;
  10.     $(this).parent().css({/* 修正面板位置 */
  11.         left: setWidth,
  12.         top: setHeight
  13.     });

  14.     if (iframeHeight < windowHeight)
  15.     {
  16.         $(this).parent().css({/* 修正面板位置 */
  17.             left: setWidth,
  18.             top: 0
  19.         });
  20.     }
  21.     $(".window-shadow").hide();
  22. };
  23. $.fn.window.defaults.onOpen = easyuiPanelOnOpen;
复制代码
w.png


点击最大化后,再次最小化时也会出现不居中现象,我们必须,扩展resize事件。
  1. var easyuiPanelOnResize = function (left, top) {


  2.     var iframeWidth = $(this).parent().parent().width();

  3.     var iframeHeight = $(this).parent().parent().height();

  4.     var windowWidth = $(this).parent().width();
  5.     var windowHeight = $(this).parent().height();


  6.     var setWidth = (iframeWidth - windowWidth) / 2;
  7.     var setHeight = (iframeHeight - windowHeight) / 2;
  8.     $(this).parent().css({/* 修正面板位置 */
  9.         left: setWidth-6,
  10.         top: setHeight-6
  11.     });

  12.     if (iframeHeight < windowHeight) {
  13.         $(this).parent().css({/* 修正面板位置 */
  14.             left: setWidth,
  15.             top: 0
  16.         });
  17.     }
  18.     $(".window-shadow").hide();
  19.     //$(".window-mask").hide().width(1).height(3000).show();
  20. };
  21. $.fn.window.defaults.onResize = easyuiPanelOnResize;
复制代码
em
您需要登录后才可以回帖 登录 | 立即注册

Archiver|手机版|学JAVA网

GMT+8, 2018-10-18 11:53 , Processed in 0.144189 second(s), 24 queries .

Powered by Discuz! X2.5

© 2001-2012 Comsenz Inc.

Copyright © 2015-2018 xuejava网 / 鲁ICP备17054568号-1
回顶部