easyui内嵌iframe问题解决

项目中使用easyui的tab页,每个tab页均内嵌iframe,现在要在tab页中控制新增一个同级别的tab页,记录如下:

首先是main.html主页面:

<div class="easyui-tabs" fit="true" id="tabs">
    <div title="首页" data-options="iconCls:'icon-home'" id="main"></div>
</div>

现在要在‘首页’这个tab页中控制新增一个同级别的tab页,可使用如下:

var jq = top.jQuery;
if (jq("#tabs").tabs('exists', "新增的tab页")){
      jq("#tabs").tabs('select', "新增的tab页");
} else {
      var content = '<iframe scrolling="auto" frameborder="0"  src="/href/list" style="width:100%;height:100%;"></iframe>';
             jq("#tabs").tabs('add',{
                  title:"新增的tab页",
                  content:content,
                  closable:true,
                  iconCls: "icon-building_edit"
       });
}

 刷新'首页'这个tab页:

var jq = top.jQuery;
jq("#tabs").tabs('close', "新增的tab页");
var tab = jq('#tabs').tabs("getSelected");  // get selected panel
jq('#tabs').tabs('update', {
       tab: tab,
       options: {
            content:'<iframe scrolling="auto" frameborder="0" src="/market" style="width:100%;height:100%;"></iframe>'
       }
});
jq.messager.show({title:"提示",content:"更新成功"});

这样的话,一个tab页关闭之后,就可以实现刷新之前跳转过来的tab页。

然后是在iframe子页面中调用父页面的js方法:

function openCustomerLinkMan(){
     var selectedRows=$("#dg").datagrid("getSelections");
     if(selectedRows.length!=1){
         $.messager.alert("系统提示","请选择一条要管理的数据!");
         return;
     }
     window.parent.openTab('客户联系人管理','linkManManage.jsp?cusId='+selectedRows[0].id,'icon-lxr');    //直接新增一个tab页
 }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员的碎碎念

如何解决Python包依赖问题

以简洁高效(指编程较为高效, 而不是运行速度)出名的Python, 在包依赖问题上有时候让人挠头.

2660
来自专栏北京马哥教育

rsync同步的艺术

如果你是一位运维工程师,你很可能会面对几十台、几百台甚至上千台服务器,除了批量操作外,环境同步、数据同步也是必不可少的技能。 说到“同步”,不得不提的利器就是r...

3267
来自专栏ChaMd5安全团队

记一次phpcms漏洞利用到获得服务器过程分享

记一次phpcms漏洞利用到获得服务器 by lshc 随着最近phpcms V9 任意上传和注入poc的流出,在圈内又掀起了一阵漏洞利用浪潮,想到之...

4906
来自专栏java一日一条

数据库的读写分离

读写分离,基本的原理是让主数据库处理事务性增、改、删操作(INSERT、UPDATE、DELETE),而从数据库处理SELECT查询操作。数据库复制被用来把事务...

903
来自专栏皮振伟的专栏

[linux][memory]hugetlb和hugepage技术分析

前言: 乍一看,hugetlb和hugepage还挺像的,好像都是所谓的“大页”。然而,却很难说出来它们的差异。作者也是花了写时间翻翻代码,写了几个测试的例子,...

4977
来自专栏Debian社区

三个简单而优秀的 Linux 网络监视器

你可以通过 iftop、Nethogs 和 vnstat 这三个 Linux 网络命令,了解有关你网络连接的大量信息。iftop 通过进程号跟踪网络连接,Net...

1106
来自专栏码匠的流水账

聊聊flink的checkpoint配置

1342
来自专栏北京马哥教育

Nginx区分PC或手机访问不同网站

近几年来,随着手机和pad的普及,越来越多的用户选择使用移动客户端访问网站,而为了获取更好的用户体验,就需要针对不同的设备显示出最合适的匹配,...

8939
来自专栏逸鹏说道

还在手动给css加前缀?no!几种自动处理css前缀的方法简介

我们知道在写css的时候由于要兼容不同厂商浏览器,一些比较新的属性需要给它们添加厂商前缀来兼容。移动端还好,基本只要兼容webkit内核的即可,pc端就虐心了,...

4005
来自专栏ionic3+

Cordova插件使用——Office文档在线预览那些事

第一种方式,有两种实现方法,一是使用在线的接口(如谷歌、微软……但前者被墙,后者付费使用,当然也可以自己部署个接口处理转换,不想特别折腾也可以用微软的offic...

5134

扫码关注云+社区