1.首先引入这个js文件 <script src="/Scripts/tabs.js" type="text/javascript"></script>我直接贴js源码

/*
Author:张浩华
Date:2011.12.27 1:18
*/

/* 打开一个标签 */
function OpenTab(title, url, icon){
/**
如果这个标题的标签存在,则选择该标签
否则添加一个标签到标签组
*/
if($("#tabs").tabs('exists', title)){
$("#tabs").tabs('select', title);
}else{
$("#tabs").tabs('add',{
title: title,
content: createTabContent(url),
closable: true,
icon: icon
});
}
}

/* 生成标签内容 */
function createTabContent(url){
return '<iframe style="width:100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
}

$(function(){

//刷新
$("#m-refresh").click(function(){
var currTab = $('#tabs').tabs('getSelected'); //获取选中的标签项
var url = $(currTab.panel('options').content).attr('src'); //获取该选项卡中内容标签(iframe)的 src 属性
/* 重新设置该标签 */
$('#tabs').tabs('update',{
tab:currTab,
options:{
content: createTabContent(url)
}
})
});

//关闭所有
$("#m-closeall").click(function(){
$(".tabs li").each(function(i, n){
var title = $(n).text();
$('#tabs').tabs('close',title);
});
});

//除当前之外关闭所有
$("#m-closeother").click(function(){
var currTab = $('#tabs').tabs('getSelected');
currTitle = currTab.panel('options').title;

$(".tabs li").each(function(i, n){
var title = $(n).text();

if(currTitle != title){
$('#tabs').tabs('close',title);
}
});
});

//关闭当前
$("#m-close").click(function(){
var currTab = $('#tabs').tabs('getSelected');
currTitle = currTab.panel('options').title;
$('#tabs').tabs('close', currTitle);
});
});

2.父页面html调用位置

<div class="easyui-tabs" fit="true" border="false" id="tabs">
<div title="首页">
<iframe frameborder="0" width="100%" src="about:blank" height="600" id="topPage"
name="topPage"></iframe>
</div>
</div>

3.//下面因为是在子页面打开的页签所以加了个parent

function Open(text, url, height) {

if (parent.$('#tabs').tabs('exists', text)) {
var tab = $('#tabs').tabs('getSelected');
alert(33);
$("#tabs").tabs('update', {
tab: tab,
options: {

href: url
}
});
tab.panel('refresh');
// parent.$('#tabs').tabs('close', text);
// parent.$('#tabs').tabs('add', {
// title: text,
// closable: true,
// content: createTabContent(url),
// url: url
// });
//parent.$('#tabs').tabs('select', text);
} else {
parent.$('#tabs').tabs('add', {
title: text,
closable: true,
content: createTabContent(url),
url: url
});
}
}

子页面调用语句:Open("收藏夹管理", "/Favorites/FavoritesMenuManage.aspx");

easyui页签更新的更多相关文章

  1. easyui 页签

    昨天开始搭后台框架,到晚上的时候遇到了一个现在觉得挺可笑但是当时一直很纠结很纠结的问题,这个问题刚刚解决出来,把它拿出来说说,让自己长点儿记性,希望大家不要犯我这个错误啊 在backstage.jsp ...

  2. easyui tabs页签显示在底部属性

    data-options="tabPosition:'bottom'" 如果没有该属性  页签默认显示在最上面,效果如下 当加上了该属性  ,页签会出现在底部

  3. ASP.NET MVC搭建项目后台UI框架—4、tab多页签支持

    目录 ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NE ...

  4. JavaScript选项卡/页签/Tab的实现

    选项卡,也称页签,英文用Tab(Module-Tabs)表示.Tab将不同的内容重叠放在一个布局块内,重叠的内容区里每次只有其中一个是可见的. Tab可以在相同的空间里展示更多的信息,它把相似的主题分 ...

  5. android124 zhihuibeijing 新闻中心-新闻 -北京页签 下拉刷新

    缓存工具类:以url为key,json数据为value, package com.itheima.zhbj52.utils; import com.itheima.zhbj52.global.Glob ...

  6. 1、CRM2011编程实战——清空指定页签以下的全部选项,并对页签以下的指定控件进行操作

    需求:当页面载入时,"呼叫编号"保持不变,"任务号"自己主动更新."接报时间"和"发生日期"自己主动设置为当天日期和时间 ...

  7. 基于微前端qiankun的多页签缓存方案实践

    作者:vivo 互联网前端团队- Tang Xiao 本文梳理了基于阿里开源微前端框架qiankun,实现多页签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用微前端进行多页签开 ...

  8. WPF如何实现一个漂亮的页签导航UI

    最近看到一个比较漂亮的UI主界面,该UI是用左边的页签进行导航,比较有特色,就想着尝试用WPF来实现一下.经过一番尝试,基本上将UI设计图的效果用WPF程序进行了实现.下面介绍一下主要的思路: 1 U ...

  9. C# 重绘tabControl,添加关闭按钮(页签)

    C# 重绘tabControl,添加关闭按钮(页签) 调用方法 参数: /// <summary> /// 初始化 /// </summary> /// <param n ...

随机推荐

  1. Eclipse环境配置

    7.打开Eclipse的偏好设置,我们需要对Eclipse做一下配置: 8.从左侧栏选择java下面的Installed JREs,然后点击Add按钮,我们要为Eclipse配置JDK: 9.选择“S ...

  2. CSV 参数化

    配置CSV Data Set Config 图 3 配置CSV Data Set Config Filename:                        指保存信息的文件目录,可以相对或者绝对 ...

  3. Java 静态对象 static

    什么是静态变量 大家都知道,我们可以基于一个类创建多个该类的对象,每个对象都拥有自己的成员,互相独立. 然而在某些时候,我们更希望该类所有的对象共享同一个成员.此时就是 static 大显身手的时候了 ...

  4. Ladder面积

    package com.hanqi; import javax.swing.plaf.synth.SynthSeparatorUI; //梯形 public class Ladder { double ...

  5. Python中断多重循环的几种思路exit_flag

    常见方法 II. 跳出多重循环 事实上,Python的标准语法是不支持跳出多重循环的,所以只能利用一些技巧,大概的思路有:写成函数.利用笛卡尔积.利用调试. 写成函数 在Python中,函数运行到re ...

  6. css3的transition属性的使用

    transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画效果.这个属性一般搭配:hover来使 下面看一个例子:鼠标放在div上,0.2s后将div元素的背景色用一秒 ...

  7. JAVA中的IO流介绍(2)

    一.流的概念 流(stream)的概念源于UNIX中管道(pipe)的概念.在UNIX中,管道是一条不间断的字节流,用来实现程序或进程间的通信,或读写外围设备.外部文件等. 一个流,必有源端和目的端, ...

  8. OD 实验(十七) - 对一个程序的逆向分析

    程序: 运行程序 弹出一个对话框,点击 OK 来到主界面,点击 Help -> Register Now 这是输入注册码的地方 按关闭程序的按钮 会提示剩下 30 天的使用时间 用 Ressco ...

  9. Python 小知识点(9)--反射

    通过字符串映射或修改程序运行时的状态.属性.方法.有如下四个方法 1.hasattr(obj,name_str) , 判断一个对象obj里是否有对应的name_str字符串的方法 2.getattr( ...

  10. ARP数据包伪造

      一台网络中的计算机,其传递到网络中的数据包的内容是完全由其软硬件逻辑决定的,软件可以操控硬件,硬件亦是一种特殊的软件,所以,接收者只根据数据包的内容,绝不可能判定此数据包的真正来源,一切都是可以伪 ...