1. 程式人生 > >easyui中window、panel、dialog在移動時,超出邊框修復

easyui中window、panel、dialog在移動時,超出邊框修復

<script type="text/javascript">
      var panelMo = function(left, top) {
		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(left > parentWidth-width){
				$(this).window('move', {
        			"left":parentWidth-width
    		
				});
			}
			if(top > parentHeight-height){
				$(this).window('move', {
        			"top":parentHeight-height
    			});
			}
		}
	}
	$.fn.panel.defaults.onMove = panelMoving;
	$.fn.window.defaults.onMove = panelMoving;
	$.fn.dialog.defaults.onMove = panelMoving;
</script>
這樣寫會出現一個問題,就是在視窗在拉伸時,如果碰到邊界,那麼頁面上的標籤都會失效,所以要在視窗加一個屬性,禁止拉伸 resizable="false"