jquery easyui防止超出浏览器边界

var easyuiPanelOnMove=function(left,top){

    if(left<0){
        $(this).window('move',{
       left:1
   });
    } 
      if(top<0){
         $(this).window('move',{
           top:1
       });
    } 
}        

$.fn.panel.defaults.onMove = easyuiPanelOnMove;
$.fn.window.defaults.onMove=easyuiPanelOnMove;
$.fn.dialog.defaults.onMove=easyuiPanelOnMove;

方式一:防止easyui的panel,window,dialog框超出浏览器,如上

 

方式二:

控制dialog超出浏览器回到原来的地方
//控制dialog超出浏览器回到原来的地方
var default_left;
var default_top;
function onopen(){ 
        default_left=$('#wow-goods-add').panel('options').left; 
        default_top=$('#wow-goods-add').panel('options').top;
}
    
function onmove(left,top){
        var body_width=document.body.offsetWidth;//body的宽度
        var body_height=document.body.offsetHeight;//body的高度
        var dd_width= $('#wow-goods-add').panel('options').width;//dialog的宽度
        var dd_height= $('#wow-goods-add').panel('options').height;//dialog的高度                 
        if(left<1||left>(body_width-dd_width)||top<1||top>(body_height-dd_height)){
               $('#wow-goods-add').dialog('move',{    
                     left:default_left,    
                     top:default_top ,   
               });  
       }
}

 

posted @ 2014-10-28 16:32  指尖舞步  阅读(449)  评论(0编辑  收藏  举报