easyui级联弹出dialog的问题

Posted 2023-05-13

如easyui中dialog通过iframe引用页面b.jsp,怎么从b.jsp中添加再弹出dialog的代码。
做出的效果就是：点击第一个页面a.jsp的按钮，弹出对话框B（B引用的b.jsp）；再点击B中的按钮，弹出对话框C。
目前的情况，如果把b.jsp中的代码合并到a.jsp中，便可以实现连续弹出对话框的效果；但是由于一个页面的代码量太大，想拆分成两个jsp来实现上述效果。求大神指点。

iframe内弹出层始终在iframe内，用户体验很差，既然用easyui了，看你的意思也就是2个弹出层，也就多了一点点代码而已，你确定要牺牲用户体验吗

现在的easyui 支持多窗体的啊 参考技术A 在a页面写弹出对话框c的代码
在b页面调用追问

这。。。感觉和我上面说到的实现方法差不多额，能拆分的方法吗？

追答

那就是你的设计问题了，遇到这种违反常理 的问题，最好看看有没有更好的设计方案，避免这种情况

追问

我也不想啊，客户这么要求的。还是谢谢你了。

追答

你不妨说说，你想做什么，可能我的理解有误呢
是这样的，我之前遇到一个业务
在a页面，点击一个按钮，弹出一个弹出层，弹出层中是一个iframe （加载b页面）
在b页面选定一项，然后把b页面的选中值添加到a页面的一个input中，
我感觉与你的有点类似，看你的业务室怎样的哦

追问

我的需求比你的多了一些。你的是弹出一个对话框，然后将值传递给父页面。我的是弹出一个对话框之后，再从对话框jsp中弹出一个对话框。如果代码都写在一个jsp中，是可以实现的；但改成用iframe引用页面就不行了。

追答

你是说你要在b页面弹出对话框，那么这个对话框与a页面有什么关系么？

jquery easyui使用dialog弹出DIV的时候,如何屏蔽页面其他功能

就是用dialog 弹出层的时候，如何让页面其他地方的按钮全部失效，只能关闭dialog的时候才能恢复正常

参考技术A $("#div").dialog(
...
modal:true //模式对话框，这样就可以了
...
); 参考技术B style="background-color: Black; z-index: 100000; display: none;
width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; text-align: center;
vertical-align: middle; color: red"

弹出的div z-index: 定义大一点，确保能在最上层;div的宽度高度覆盖掉整个页面。div的层罩效果。 参考技术C 这里有一个弹出框效果
能自定义定位并随屏滚动而不抖动
还可以设置居中和锁屏
里面有教程和源码

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?3=s&id=12497

本回答被提问者采纳 参考技术D 那么请问如果我按tab键的时候，光标还能够跳到被遮盖住的控件上去怎么办呢？ 第5个回答  2011-04-25 加个层吧.遮盖住下面的内容