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 ,   
               });  
       }
}

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-02-16
  • 2022-02-22
  • 2021-07-31
  • 2021-11-27
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-05-21
  • 2022-12-23
相关资源
相似解决方案