文档章节

easyui内嵌iframe问题解决

c
 caiyezi
发布于 2016/11/08 20:24
字数 310
阅读 18
收藏 0

项目中使用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页
 }

 

本文转载自:http://www.cnblogs.com/vipzhou/p/4949335.html

c
粉丝 1
博文 108
码字总数 0
作品 0
西安
程序员
私信 提问
jquery easyui tab加载内容的几种方法

两者特点: href方式加载数据的特点: 被加载的页面只有body元素内部的内容才会被加载,也就是jQuery的ajax请求的只是html片段。 加载远程url时有遮罩效果,也就是“等待中……”效果,用户体...

文文1
2015/03/26
1K
0
easyui中在tab中弹出窗口后,如何更新tab中datagrid组件

最近通过easyui做系统,但是发现有个问题,问题描述如下:先上个图 布局是通过easyui的布局,角色管理tab里面的内容是通过iframe创建的,添加角色弹出窗口里面也是通过iframe创建的,脚本如下...

jetliu1987
2012/10/17
6K
8
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.2K
3
父页面调用iframe子页面easyui对象方法问题

我的需求是一个父页面里面有一个Iframe,iframe子页面有一个easyui-tabs。当父页面加载完成后,关闭子页面的一个tab页。我的代码如下: 父页面代码 子页面 就是一个tabs 在父页面中是可以取得...

uuliver
2014/05/11
5.2K
3
ios的Safari浏览器滚动条问题?

程序在ios的浏览器上访问,有一个页面是用iframe嵌套的,在iframe页面里是一个查询界面和显示结果的table,页面的布局是用 easyui做的,table是嵌在一个tab下的,在电脑端iframe里的页面超出...

malie0
2014/10/24
5.1K
1

没有更多内容

加载失败,请刷新页面

加载更多

PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
25分钟前
6
0
Python数据可视化之matplotlib

常用模块导入 import numpy as npimport matplotlibimport matplotlib.mlab as mlabimport matplotlib.pyplot as pltimport matplotlib.font_manager as fmfrom mpl_toolkits.mplot3d i......

松鼠大帝
昨天
5
0
我用Bash编写了一个扫雷游戏

我在编程教学方面不是专家,但当我想更好掌握某一样东西时,会试着找出让自己乐在其中的方法。比方说,当我想在 shell 编程方面更进一步时,我决定用 Bash 编写一个扫雷游戏来加以练习。 我在...

老孟的Linux私房菜
昨天
7
0
Go语言Hello world(GOPATH和Go Module版)

本文是「vangoleo的Go语言学习笔记」系列文章之一。 官网: http://www.vangoleo.com/go/go-hello-world-02/ 往期回顾: Go语言入门-你好,Go语言 Go语言入门-Hello World(Go Playground版) 上...

vangoleo
昨天
9
0
C++虚函数以及虚函数表

在了解虚函数之前先了解下对象模型: 对象模型: 在C++中,有两种数据成员(class data members):static 和nonstatic,以及三种类成员函数(class member functions):static、nonstatic和v...

黑白双键
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部