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 相关文章推荐
通过正则表达式实现表单验证是否为中文
Feb 18 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
Aug 15 Javascript
JavaScript按值删除数组元素的方法
Apr 24 Javascript
JS判断字符串包含的方法
May 05 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
Jul 31 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
js使用formData实现批量上传
Mar 27 Javascript
Vue实现点击按钮复制文本内容的例子
Nov 09 Javascript
浅谈JavaScript中this的指向更改
Jul 28 Javascript
使用这 6个Vue加载动画库来减少我们网站的跳出率
May 18 Vue.js
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
php 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
基于php在各种web服务器的运行模式详解
2013/06/03 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
PHP中使用break跳出多重循环代码实例
2015/01/21 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
showModalDialog 和 showModelessDialog
2007/01/22 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
使用bootstrap3开发响应式网站
2016/05/12 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
AngularJS服务service用法总结
2016/12/13 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
vue中使用sessionStorage记住密码功能
2018/07/24 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
Python制作exe文件简单流程
2019/01/24 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
浅析python 动态库m.so.1.0错误问题
2020/05/09 Python
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
TCP/IP的分层模型
2013/10/27 面试题
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
运动会广播稿500字
2014/01/28 职场文书
社区国庆节活动方案
2014/02/05 职场文书
大学班级计划书
2014/04/29 职场文书
预备党员转正考核材料
2014/06/03 职场文书
销售代理协议书
2014/09/30 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书
golang 语言中错误处理机制
2021/08/30 Golang