zoukankan      html  css  js  c++  java
  • easyui弹窗创出父级窗口被浏览器窗口遮挡无法再移动

    思路如下:

              使用panel的onOpen事件,取得diglog的原始left和top

              当用户在拖动dialog过程中,使用panel的onMove事件取得dialog所在父页面body的width和height,

    通过计算,当用户将diglog拖动出body时,使用panel的move函数将dialog移动到初始的位置。

    经过测试次方法可行,代码如下所示:

    var default_left;
    var default_top;
    $('#details_dd').dialog({
      title:'详细信息',
      modal: true,
      onOpen:function(){
      //dialog原始left
      default_left=$('#details_dd').panel('options').left;
         //dialog原始top
       default_top=$('#details_dd').panel('options').top;    
    },
      onMove:function(left,top){ //鼠标拖动时事件
       var body_width=document.body.offsetWidth;//body的宽度
       var body_height=document.body.offsetHeight;//body的高度
       var dd_width= $('#details_dd').panel('options').width;//dialog的宽度
       var dd_height= $('#details_dd').panel('options').height;//dialog的高度   
       if(left<1||left>(body_width-dd_width)||top<1||top>(body_height-dd_height)){
          $('#details_dd').dialog('move',{ 
       left:default_left, 
       top:default_top 
       });
        }
    }
    });
  • 相关阅读:
    Linux系统下安装rz/sz命令及使用说明
    Linux 下Beanstalk安装
    Jetty中间件
    JBOSS应用中间件
    IBM 存储高可用HA解决方案和DR连续性解决方案
    Nginx负载均衡与反向代理的配置和优化
    NFS挂载网络存储
    使用集中式身份管理服务详解
    配置链路聚合(端口聚合)
    配置ssh远程访问策略
  • 原文地址:https://www.cnblogs.com/yuner-angel/p/7844798.html
Copyright © 2011-2022 走看看