easyui 1.4.3 窗口创建或拖动超过父元素 边界 BUG 解决方法

使用EASYUI 窗口时,创建或者移动 会超过父元素边界,不能关闭,非常别扭。

风来了.fox

标记:主要这边

就是要注意的地方

/**
 *
 * @param title
 * @param href
 * @param width
 * @param height
 * @param modal
 * @param minimizable
 * @param maximizable
 */
function showMyWindow(title, href, width, height, modal, minimizable, maximizable) {
    var _w_width=$(window).width(),_w_height=$(window).height();console.info(_w_width)
    $('#myWindow').window({
            title: title,
            width: width === undefined ? 600 : (width<=_w_width?width:_w_width),//主要这边
            height: height === undefined ? 400 : (height<=_w_height?height:_w_height),//主要这边
            content: '<iframe scrolling="yes" frameborder="0"  src="'
            + href
            + '" style="width:100%;height:99%;"></iframe>',
            modal: modal === undefined ? true : modal,
            minimizable: minimizable === undefined ? false : minimizable,
            maximizable: maximizable === undefined ? false : maximizable,
            shadow: false,
            cache: false,
            closed: false,
            collapsible: false,
            resizable: false,
            draggable: true,
            loadingMessage: '正在加载数据,请稍等片刻......',
            onMove: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
                                    });
                            }
                    }
            }
        });
}

部分来自:http://www.easyui.info/archives/430.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值