jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法

 更新时间:2016年08月05日 16:26:06   作者:Quber  
这篇文章主要介绍了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法,涉及EasyUI窗体操作的相关技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • Jquery日历插件制作简单日历

    Jquery日历插件制作简单日历

    本文给大家分享一款jquery日历插件,使用jquery日历插件做日历,外观美观给用户带来极好的用户体验。对jquery日历插件感兴趣的朋友参考下本篇文章
    2015-10-10
  • jquery 1.4.2发布!主要是性能与API

    jquery 1.4.2发布!主要是性能与API

    没想到jquery这次居然更新这么快,jquery1.4的教程我还没有发二周,jquery1.4.2就发布了。这次jquery1.4.2更新的内容主要是性能和新增了一些新的API。
    2010-02-02
  • jQuery bt气泡实现悬停显示及移开隐藏功能的方法

    jQuery bt气泡实现悬停显示及移开隐藏功能的方法

    这篇文章主要介绍了jQuery bt气泡实现悬停显示及移开隐藏功能的方法,通过页面元素属性的动态变换实现气泡提示框的效果,需要的朋友可以参考下
    2016-07-07
  • jQuery实现类似淘宝购物车全选状态示例

    jQuery实现类似淘宝购物车全选状态示例

    今天写了个类似淘宝购物车全选状态,看下截图,效果还不错吧,具体的实现html及jQuery代码如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • jQuery层动画定位滑动效果的方法

    jQuery层动画定位滑动效果的方法

    这篇文章主要介绍了jQuery层动画定位滑动效果的方法,涉及jQuery中animate方法的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • jQuery+ajax实现动态添加表格tr td功能示例

    jQuery+ajax实现动态添加表格tr td功能示例

    这篇文章主要介绍了jQuery+ajax实现动态添加表格tr td功能,结合实例形式分析了jQuery基于ajax动态创建页面table元素相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • html文件中jquery与velocity变量中的$冲突的解决方法

    html文件中jquery与velocity变量中的$冲突的解决方法

    在使用velocity模版引擎的环境下,使用jquery时其中$与velocity变量中的$冲突,下面有个不错的解决方法,感兴趣的朋友可以参考下
    2013-11-11
  • jquery ajax异步提交表单数据的方法

    jquery ajax异步提交表单数据的方法

    这篇文章主要为大家详细介绍了jquery ajax异步提交表单数据的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • jquery实现公告翻滚效果

    jquery实现公告翻滚效果

    本文给大家分享的是一则使用jQuery实现公告的翻滚效果的代码,十分简洁实用,兼容性也非常不错,这里推荐给小伙伴们
    2015-02-02
  • jquery日历插件e-calendar升级版

    jquery日历插件e-calendar升级版

    这篇文章主要为大家分享了Jquery日历插件e-calendar升级版,e-calendar是一个jQuery插件,创建一个事件日历它很容易使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11

最新评论