文档章节

easyui内嵌iframe问题解决

c
 caiyezi
发布于 2016/11/08 20:24
字数 310
阅读 10
收藏 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
0
0
关于EasyUI使用tree方法生成树形结构加载两次的问题

html代码中利用class声明了easyui-tree,导致easyUI解析class代码的时候先解析class声明中的easyui-tree这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样导致了重复加载,解...

Doublec
2015/04/21
0
0
AngularJS和EasyUI结合使用的注意点

最近在着手用angular重构一个项目,原来的前台是纯easyui做的,最近花了一周学了angular,决定把它们结合下,用纯html 和 暴露后台rest api搞起。结果在ng-view多页切换的时候遇到了一个问题...

Big_BoBo
2013/12/26
0
8
解决JQuery EasyUI 加载两次url的问题

解决JQuery EasyUI 加载两次url的问题 1、传统方式 1 $(function () { 2 var url = "../Source/Query/jhDataQry.ashx?action=query"; 3 $(dg).datagrid({ 4 url: url, 5 queryParams: { 6 q......

地瓜2013
2014/07/09
0
1
font-awesome与easyui结合

备忘记录 最近想重拾起来,做个ERP系统,做为一个前端盲,前端框架的选择是最头痛的问题 当前bootstrap与font-awesome的组合无疑是非常有吸引力的,从网上下了N多的后台框架模板,断断续续调...

itwarcraft
2014/10/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

记一次winserver2003系统,https无法访问,内存占用持续增加,解决办法

先交代一下环境: win server2003系统,系统装在hyper-v虚拟机里 大概2016年底的镜像,距离今天两年左右 病症:大概9月10号左右用这个镜像还可以访问https,但是今天用这个镜像新装的系统,就...

阳阳露
5分钟前
0
0
jdbc连接orcal数据库

import java.sql.Connection;  import java.sql.DriverManager;  import java.sql.ResultSet;  import java.sql.SQLException;  import java.sql.Statement;    ......

小橙子的曼曼
30分钟前
0
0
Vue学习资料

一直以为Vue是依赖nodejs的。 作为前端也可以耦合性就很低了。 //npm包管理器 进行管理npm install vue//初始化一个项目vue init//本地调试npm run dev//编译完成 ...

大灰狼wow
39分钟前
1
0
fullcalendar重新渲染

uiCalendarConfig.calendars.lesson_calendar.fullCalendar('removeEvents');var ym = uiCalendarConfig.calendars.lesson_calendar.fullCalendar('getView').title;$scope.get_lesson(y......

人来疯啊
43分钟前
1
0
多渠道打包总结

https://www.jianshu.com/p/2130db7584c8 https://blog.csdn.net/u011153817/article/details/50772496...

塔塔米
52分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部