jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
内容摘要
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考,具体如下:
我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab
我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab
文章正文
本文实例讲述了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法。分享给大家供大家参考,具体如下:
我们在使用EasyUI Tabs框架时,在框架最顶层的弹出窗体中需要操作当前Tab的iframe窗体内容或方法,这时候我们就可以使用以下方法来实现。
具体实现代码如下所示:
function getTabWindow() { var curTabWin = null; var curTab = parent.$('#main-center').tabs('getSelected'); if (curTab && curTab.find('iframe').length > 0) { curTabWin = curTab.find('iframe')[0].contentWindow; } return curTabWin; }
调用方式:
1、调用当前Tab中iframe窗体的testMth方法:
getTabWindow().testMth();
2、设置当前Tab中iframe窗体的<span id="testPanel"></span>的内容:
getTabWindow().$('#testPanel').html('我是设置的内容!!!');
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
代码注释