easyui页签更新
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页签更新的更多相关文章
- easyui 页签
昨天开始搭后台框架,到晚上的时候遇到了一个现在觉得挺可笑但是当时一直很纠结很纠结的问题,这个问题刚刚解决出来,把它拿出来说说,让自己长点儿记性,希望大家不要犯我这个错误啊 在backstage.jsp ...
- easyui tabs页签显示在底部属性
data-options="tabPosition:'bottom'" 如果没有该属性 页签默认显示在最上面,效果如下 当加上了该属性 ,页签会出现在底部
- ASP.NET MVC搭建项目后台UI框架—4、tab多页签支持
目录 ASP.NET MVC搭建项目后台UI框架—1.后台主框架 ASP.NET MVC搭建项目后台UI框架—2.菜单特效 ASP.NET MVC搭建项目后台UI框架—3.面板折叠和展开 ASP.NE ...
- JavaScript选项卡/页签/Tab的实现
选项卡,也称页签,英文用Tab(Module-Tabs)表示.Tab将不同的内容重叠放在一个布局块内,重叠的内容区里每次只有其中一个是可见的. Tab可以在相同的空间里展示更多的信息,它把相似的主题分 ...
- android124 zhihuibeijing 新闻中心-新闻 -北京页签 下拉刷新
缓存工具类:以url为key,json数据为value, package com.itheima.zhbj52.utils; import com.itheima.zhbj52.global.Glob ...
- 1、CRM2011编程实战——清空指定页签以下的全部选项,并对页签以下的指定控件进行操作
需求:当页面载入时,"呼叫编号"保持不变,"任务号"自己主动更新."接报时间"和"发生日期"自己主动设置为当天日期和时间 ...
- 基于微前端qiankun的多页签缓存方案实践
作者:vivo 互联网前端团队- Tang Xiao 本文梳理了基于阿里开源微前端框架qiankun,实现多页签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用微前端进行多页签开 ...
- WPF如何实现一个漂亮的页签导航UI
最近看到一个比较漂亮的UI主界面,该UI是用左边的页签进行导航,比较有特色,就想着尝试用WPF来实现一下.经过一番尝试,基本上将UI设计图的效果用WPF程序进行了实现.下面介绍一下主要的思路: 1 U ...
- C# 重绘tabControl,添加关闭按钮(页签)
C# 重绘tabControl,添加关闭按钮(页签) 调用方法 参数: /// <summary> /// 初始化 /// </summary> /// <param n ...
随机推荐
- jmeter踩坑系列
1.踩坑系列一: 抓包出来有host的字段,放到jmeter里面一起请求就报错了,去掉就请求正常了 1.踩坑系列二: 从花瓶复制过去 的values 前面有空格,肉眼看起来没有
- spring扩展点之一:BeanFactoryPostProcessor和BeanPostProcessor
一.BeanFactoryPostProcessor和BeanPostProcessor的区别 BeanFactoryPostProcessor和BeanPostProcessor都是spring初始 ...
- ROS的ovpn设置
转摘至www.80uncle.com 先下载Win下的openvpn客户端http://openvpn.se/download.html 我的证书是用这个客户端做的openvpn-2.0.9-gui- ...
- 使用 Windows 运行时中异步性来始终保持应用程序能够快速流畅地运行
转自:http://blogs.msdn.com/b/windowsappdev_cn/archive/2012/03/26/windows.aspx 人类的思维方式在本质上不是同步的,这直接影响着我 ...
- Linux 为FTP 服务器添加iptables规则--案例分析
一.故障描述 由于开发提出需求,为他们搭建内部ftp服务器,搭建好后,提交给他们,测试可以正常使用.后来过了一段时间后,有一天无法登陆了.于是去ftp主机上检查问题,ftp的配置文件没有改动,端口监听 ...
- Spring中application*的使用
ApplicationAware 加载Spring配置文件时,如果Spring配置文件中所定义的Bean类实现了ApplicationContextAware 接口,那么在加载Spring配置文件时, ...
- Ubuntu Server 16.04.1系统安装
一.Ubuntu Server 16.04.1系统安装 Ubuntu分为桌面版(desktop)和服务器版(Server),下面为大家介绍服务器版本Ubuntu Server 16.04.1的详细安装 ...
- PHP RSA加密解密
1.生成密钥和公钥 开始前需要准备openssl环境 linux 需要安装openssl工具包,传送门http://www.openssl.org/source/ window 下需要安装openss ...
- 11_java之接口和多态
01接口的概念 * A:接口的概念 接口是功能的集合,同样可看做是一种数据类型,是比抽象类更为抽象的”类”. 接口只描述所应该具备的方法,并没有具体实现,具体的实现由接口的实现类(相当于接口的子类)来 ...
- python的socket编程之udp编程
在上篇文章中,仅仅讲述了如何进行了TCP编程,在本章中,将讲述使用udp进行编码,先看如下的代码,服务器端: root@python 513]# cat serverudp.py #!/usr/bin ...