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 条评论
登录 后参与评论

相关文章

来自专栏张戈的专栏

安装完Win7之后推荐做的一些设置

前言:不知道写什么,就总结一下我个人安装完成 windows7 之后要做的一些设置吧!以下全文均为个人回忆总结,文章也很冗长,难免有纰漏或者不符合你个人习惯的内...

66814
来自专栏跟着阿笨一起玩NET

多台电脑共享一套鼠标键盘的免费方法

本文转载:http://www.cnblogs.com/fangpage/archive/2011/07/22/inputdirector.html

651
来自专栏云计算教程系列

如何在Ubuntu 18.04上安装和保护Mosquitto MQTT Messaging Broker

MQTT是一种机器到机器的消息传递协议,旨在为“物联网”设备提供轻量级的发布/订阅通信。它通常用于地理跟踪车队,家庭自动化,环境传感器网络和公用事业规模数据收集...

660
来自专栏HadesMo

Windows远程桌面效率工具:MultiDesk

MultiDesk 是一个选项卡(TAB标签)方式的远程桌面连接 (Terminal Services Client)。

1689
来自专栏GuZhenYin

ASP.NET Core2.1 你不得不了解的GDPR(Cookie处理)

...然后就碰到问题了... 我发现..cookie竟然存不进去了..(怨念+100)

1050
来自专栏图像识别与深度学习

Arduino+w5100使用1:WebServer操作步骤所用硬件

1648
来自专栏张戈的专栏

Windows下获取网络连线实际名称,加强IP类设置脚本的兼容性

在之前的工作中,由于分区域管理,TCP 设置有差异,所以编写过很多关于 IP 切换的脚本,作为大批量电脑维护的脚本,最重要的就是兼容性,可不能就测试的那几台电脑...

2544
来自专栏Danny的专栏

关于VB6.0中控件加载的难题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

764
来自专栏JackeyGao的博客

Google photos for MAC使用教程

Google photos 是谷歌推出了一个独立的无限相片 / 视频存放服务。使用者可以免费存放无限量相片和视频至云端,唯其大小限于最大 16MP 和 1080...

682
来自专栏FreeBuf

无需四次握手包破解WPA&WPA2密码

知名密码破解软件Hashcat在2018年8月2日发布了4.2版本,这次版本更新的主要内容是增加了4个新的密码算法支持。

893

扫码关注云+社区