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


Posted in Javascript onAugust 05, 2016

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

Javascript 相关文章推荐
JQuery Tips(3) 关于$()包装集内元素的改变
Dec 14 Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
Mar 04 Javascript
javascript清空table表格的方法
May 14 Javascript
JQuery球队选择实例
May 18 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
jQuery:unbind方法的使用详解
Aug 14 jQuery
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
js实现精确到毫秒的倒计时效果
Aug 05 #Javascript
jQuery实现Select左右复制移动内容
Aug 05 #Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
Aug 05 #Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 #Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 #Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 #Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 #Javascript
You might like
追求程序速度,而不是编程的速度
2008/04/23 PHP
PHP Document 代码注释规范
2009/04/13 PHP
php错误级别的设置方法
2013/06/17 PHP
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
详解WordPress开发中的get_post与get_posts函数使用
2016/01/04 PHP
Laravel学习笔记之Artisan命令生成自定义模板的方法
2018/11/22 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
JS常用函数使用指南
2014/11/23 Javascript
javascript中 try catch用法
2015/08/16 Javascript
js实现的奥运倒计时时钟效果代码
2015/12/09 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
nodejs中Express与Koa2对比分析
2018/02/06 NodeJs
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
2020/03/23 Javascript
详解Vue之计算属性
2020/06/20 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
python 合并文件的具体实例
2013/08/08 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
学习python可以干什么
2019/02/26 Python
python 将有序数组转换为二叉树的方法
2019/03/26 Python
wxPython实现绘图小例子
2019/11/19 Python
python实现高斯投影正反算方式
2020/01/17 Python
Python语法之精妙的十个知识点(装B语法)
2020/01/18 Python
简述python Scrapy框架
2020/08/17 Python
党员个人总结范文
2015/02/14 职场文书
紧急通知
2015/04/17 职场文书
走进科学观后感
2015/06/18 职场文书
市场营销计划书
2019/04/24 职场文书