首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

防止easyui的panel/window/dialog组件超出浏览器边境

2012-11-22 
防止easyui的panel/window/dialog组件超出浏览器边界?/** * @author 孙宇 ** @requires jQuery,EasyUI **

防止easyui的panel/window/dialog组件超出浏览器边界

?

/** * @author 孙宇 *  * @requires jQuery,EasyUI *  * 防止panel/window/dialog组件超出浏览器边界 * @param left * @param top */var easyuiPanelOnMove = function(left, top) {var l = left;var t = top;if (l < 1) {l = 1;}if (t < 1) {t = 1;}var width = parseInt($(this).parent().css('width')) + 14;var height = parseInt($(this).parent().css('height')) + 14;var right = l + width;var buttom = t + height;var browserWidth = $(window).width();var browserHeight = $(window).height();if (right > browserWidth) {l = browserWidth - width;}if (buttom > browserHeight) {t = browserHeight - height;}$(this).parent().css({/* 修正面板位置 */left : l,top : t});};$.fn.dialog.defaults.onMove = easyuiPanelOnMove;$.fn.window.defaults.onMove = easyuiPanelOnMove;$.fn.panel.defaults.onMove = easyuiPanelOnMove;

?将代码放到easyui.min.js后面就行

热点排行