首页 › Jeecg反馈BUG › jeecg dialog多层弹框问题

leftsingle 发表于 2018-11-30 22:53:25

jeecg dialog多层弹框问题

使用curdtools.js的代码里的弹框实例，在普通列表的新增弹框的之后，又增加了一个弹框，在最外层的弹框按钮操作后，上一层弹框的背景遮罩被去掉了，而且没有选中上一层窗口，需要鼠标单击一下才能操作里面的控件。我附上了效果图和第一层里写第二层弹框的代码图，这个是怎么了，还有jeecg里的$.dialog引用的是哪个js呢？

tianshan 发表于 2018-12-1 09:24:23

解决方案:http://www.jeecg.org/forum.php?mod=viewthread&tid=6831&extra=page%3D2

leftsingle 发表于 2018-12-1 17:06:46

tianshan 发表于 2018-12-1 09:24 static/image/common/back.gif
解决方案:http://www.jeecg.org/forum.php?mod=viewthread&tid=6831&extra=page%3D2

这个我已经看到了，主要的问题是，最外层弹框取消了，下一层没有选中，每次都需要先鼠标单击一下才能激活窗口操作

up_front_luck 发表于 2018-12-13 22:17:16

var windowapi;
try {
        windowapi = frameElement.api, W = windowapi.opener;
} catch (e) {
}

if (typeof (windowapi) == 'undefined') {
                $.dialog({
                        content : 'url:' + url,
                        zIndex : getzIndex(),
                        title : title,
                        lock : true,
                        width : width,
                        height : height,
                        left : '50%',
                        top : '50%',
                        opacity : 0.4,
                        button : [ {
                                name : '确定',
                                callback : clickcallbackChoose,
                                focus : true
                        }, {
                                name : '取消',
                                callback : function() {
                                }
                        } ]
                });
        } else {
                $.dialog({
                        content : 'url:' + url,
                        zIndex : getzIndex(),
                        title : title,
                        lock : true,
                        parent : windowapi, //原因在这里，if前是判断你当前页面有没有弹窗，如果没有弹窗那么就不需要给父级这个属性，如果有那么就走这个方法，这样这个弹框在关闭的时候就不会触发之前弹框的事件
                        width : width,
                        height : height,
                        left : '50%',
                        top : '50%',
                        opacity : 0.4,
                        button : [ {
                                name : '确定',
                                callback : clickcallbackChoose,
                                focus : true
                        }, {
                                name : '取消',
                                callback : function() {
                                }
                        } ]
                });
        }

查看完整版本: jeecg dialog多层弹框问题