关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 69893005、3102411850 商务热线(5*8小时): 010-64808099 官方邮箱: jeecgos@163.com

查看: 7702|回复: 3

[UI标签] jeecg dialog多层弹框问题

[复制链接]
发表于 2018-11-30 22:53:25 | 显示全部楼层 |阅读模式
使用curdtools.js的代码里的弹框实例,在普通列表的新增弹框的之后,又增加了一个弹框,在最外层的弹框按钮操作后,上一层弹框的背景遮罩被去掉了,而且没有选中上一层窗口,需要鼠标单击一下才能操作里面的控件。我附上了效果图和第一层里写第二层弹框的代码图,这个是怎么了,还有jeecg里的$.dialog引用的是哪个js呢?

弹框

弹框

代码

代码

遮罩消失

遮罩消失
发表于 2018-12-1 09:24:23 | 显示全部楼层
 楼主| 发表于 2018-12-1 17:06:46 | 显示全部楼层
tianshan 发表于 2018-12-1 09:24
解决方案:http://www.jeecg.org/forum.php?mod=viewthread&tid=6831&extra=page%3D2

这个我已经看到了,主要的问题是,最外层弹框取消了,下一层没有选中,每次都需要先鼠标单击一下才能激活窗口操作
发表于 2018-12-13 22:17:16 | 显示全部楼层
  1. var windowapi;
  2. try {
  3.         windowapi = frameElement.api, W = windowapi.opener;
  4. } catch (e) {
  5. }

  6. if (typeof (windowapi) == 'undefined') {
  7.                 $.dialog({
  8.                         content : 'url:' + url,
  9.                         zIndex : getzIndex(),
  10.                         title : title,
  11.                         lock : true,
  12.                         width : width,
  13.                         height : height,
  14.                         left : '50%',
  15.                         top : '50%',
  16.                         opacity : 0.4,
  17.                         button : [ {
  18.                                 name : '确定',
  19.                                 callback : clickcallbackChoose,
  20.                                 focus : true
  21.                         }, {
  22.                                 name : '取消',
  23.                                 callback : function() {
  24.                                 }
  25.                         } ]
  26.                 });
  27.         } else {
  28.                 $.dialog({
  29.                         content : 'url:' + url,
  30.                         zIndex : getzIndex(),
  31.                         title : title,
  32.                         lock : true,
  33.                         parent : windowapi, //原因在这里,if前是判断你当前页面有没有弹窗,如果没有弹窗那么就不需要给父级这个属性,如果有那么就走这个方法,这样这个弹框在关闭的时候就不会触发之前弹框的事件
  34.                         width : width,
  35.                         height : height,
  36.                         left : '50%',
  37.                         top : '50%',
  38.                         opacity : 0.4,
  39.                         button : [ {
  40.                                 name : '确定',
  41.                                 callback : clickcallbackChoose,
  42.                                 focus : true
  43.                         }, {
  44.                                 name : '取消',
  45.                                 callback : function() {
  46.                                 }
  47.                         } ]
  48.                 });
  49.         }
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表