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

网络编程 2024/11/15 佚名

3 2 1

本文实例讲述了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,插件,EasyUI,当前Tab,iframe,窗体对象