easyui弹出框位置超出

最新推荐文章于 2019-12-06 11:34:44 发布

原创最新推荐文章于 2019-12-06 11:34:44 发布 · 571 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

easyui

1 篇文章

订阅专栏

本文介绍了一个针对EasyUI框架中panel, window, dialog组件的拖动边界修正方法。当这些组件被拖动到其父级元素边界时，通过调整位置确保不会超出父级范围。修正逻辑考虑了父级元素的overflow属性，并根据该属性的不同值进行不同方向的限制。

/**
 * 针对panel window dialog三个组件拖动时会超出父级元素的修正
 * 如果父级元素的overflow属性为hidden，则修复上下左右个方向
 * 如果父级元素的overflow属性为非hidden，则只修复上左两个方向
 * @param left
 * @param top
 * @returns
 */
var easyuiPanelOnMove = function(left, top) {
	//alert(left);
	var parentObj = $(this).panel('panel').parent();
	if (left < 0) {
		$(this).window('move', {
			left : 1
		});
	}
	if (top < 0) {
		$(this).window('move', {
			top : 1
		});
	}
	var width = $(this).panel('options').width;
	var height = $(this).panel('options').height;
	var right = left + width;
	var buttom = top + height;
	var parentWidth = parentObj.width();
	var parentHeight = parentObj.height();
	if(parentObj.css("overflow")=="hidden"){
		if(width > parentWidth && left > parentWidth-width){
			$(this).window('move', {
				"left":parentWidth-width
			});
		}
		if(height > parentHeight && top > parentHeight-height){
			$(this).window('move', {
				"top":parentHeight-height
			});
		}
	}
};
//$.fn.panel.defaults.onMove = easyuiPanelOnMove;  
//$.fn.window.defaults.onMove = easyuiPanelOnMove;  
//$.fn.dialog.defaults.onMove = easyuiPanelOnMove;