本文介绍了如何解决jQuery EasyUI在跨iframe环境下对datagrid进行刷新的问题。针对浏览器兼容性问题，提供了两种解决方案：一是使用`parent.$(iframe[title='tabtitle']).contents().find(#dg).datagrid(reload);`，但此方法在某些浏览器中可能无效；二是通过`parent.$(iframe[title='tabtitle']).get(0).contentWindow.$(#dg).datagrid(reload);`，通过获取DOM对象并转换为DOM解决兼容性问题。
js-iframe
document.querySelector("iframe[src = 'xxx']").contentWindow.document.getElementById('xxx')
jquery-easyui跨iframe属性datagrid
解决方法
(1) parent.$("iframe[title='tabtitle']").contents().find("#dg").datagrid("reload");
这种写法有些浏览器不兼容，不起作用；
(2) parent.$("iframe[title='tabtitle']").get(0).contentWindow.$("#dg").datagrid("reload");
get(0)表示满足条件的第一个iframe dom对象，由jquery转换为dom可以解决兼容性问题。
扫一扫
556
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
