在iframe中,打开dialog加载子页面。
思路:
- 父页面打开dialog,在子页面中写提交,获取当前dialog进行后续操作。
- 父页面拿到子页面表单,在父页面提交,直接操作dialog完成后续动作。
问题:
- 子页面拿不到当前dialog。 文档中写道,父页面用 top.dialog()打开对话框,子页面用top.dialog.get(window)。父页面中top.dialog is not a function,换成window.dialog()能打开,但是子页面依旧拿不到对象。
- 在父页面的js里面直接拿子页面表单$("#form")无法拿到。
解决办法:
在2的基础上,不是用dialog自带的url请求子页面,而是用ajax请求,将请求到的页面填充进去,dialog.comtent(html)。可能是这样请求绕过iframe的跨域问题,可以直接拿到子页面的东西了。
新问题解决办法(2016-08-24):
artDialog+dataTables,采用上述方式加载dialog内容,会导致dataTables翻页无效,具体是dataTables对象失效。不得不尝试回归dialog自带的url请求内容。
重新仔细查看demo,发现之前遗漏了一句关键的JS——在包含iframe的index页面中,应该加上$(function(dailog){ window.dialog = dialog; });
所以,跨域的问题,解决步骤为:
1、iframe这一级的页面中写上 $(function(dailog){ window.dialog = dialog; });
2、iframe中的页面创建dialog, top.dialog({ url : 'url'});
3、dialog请求的url页面中,通过top.dialog.get(window);拿到对话框,进行操作。
网友评论