function addTab(title, href,icon){
var tt = $('#tabs');
if (tt.tabs('exists', title)){//如果tab已经存在,则选中并刷新该tab
tt.tabs('select', title);
refreshTab({tabTitle:title,url:href});
} else {
if (href){
var content = '<iframe scrolling="no" frameborder="0" src="'+href+'" style="width:100%;height:100%;"></iframe>';
} else {
var content = '未实现';
}
tt.tabs('add',{
title:title,
closable:true,
content:content,
iconCls:icon||'icon-default'
});
} /**
* 刷新tab
* @cfg
*example: {tabTitle:'tabTitle',url:'refreshUrl'}
*如果tabTitle为空,则默认刷新当前选中的tab
*如果url为空,则默认以原来的url进行reload
*/
function refreshTab(cfg){
var refresh_tab = cfg.tabTitle?$('#tabs').tabs('getTab',cfg.tabTitle):$('#tabs').tabs('getSelected');
if(refresh_tab && refresh_tab.find('iframe').length > 0){
var _refresh_ifram = refresh_tab.find('iframe')[0];
var refresh_url = cfg.url?cfg.url:_refresh_ifram.src;
//_refresh_ifram.src = refresh_url;
_refresh_ifram.contentWindow.location.href=refresh_url;
}
}
}
分享到:
相关推荐
### easyui用户手册知识点解析 #### 一、easyUI简介 **easyUI**是一款功能强大的JavaScript框架,专门用于简化Web应用程序的开发流程。它提供了一系列丰富的用户界面组件,如按钮、菜单、数据网格等,使得开发者...
$("#tab").datagrid({ // width: 600, //宽度 height: 400, //高度 singleSelect: true, //选中一行的设置 fitColumns:true, url: "EditorUserHandler.ashx", //请求路径 title: "用户信息", //标题 iconCls:...
jQuery EasyUI 1.5.5 版本更新内容 Bug(修复) tabs:修复当标题包含符合元素时,所选择的历史顺序错误的问题; combo:修复当设置了一个较大的'delay'值的时候下拉面板可能不会被隐藏的问题; layout:修复当鼠标...
<table class="easyui-datagrid" id="dg" data-options="url:'list.json', pagination:true, pageSize:5, pageList:[5,10,15,20]" style="width:500px;"> <th field="itemid" width="80">Item ID ...
### jQuery EasyUI 全面中文文档知识点概览 #### 一、jQuery EasyUI 简介 jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合,它提供了丰富的 UI 控件来帮助开发者快速构建用户界面。这些控件不仅功能强大而且...
### jQuery EasyUI 知识点概述 #### 一、简介 **jQuery EasyUI** 是一组基于 jQuery 的 UI 插件集合。它的目标是简化 web 开发者的开发过程,使他们能够更加轻松地创建出功能丰富且外观美观的用户界面。通过使用 ...
它包含了一系列用户界面组件,例如数据网格(DataGrid)、对话框(Dialog)、面板(Panel)、标签页(Tab)、树(Tree)等,提供了丰富的界面元素和接口,使得界面开发更为简便和高效。 ### easyui框架特点 easyui...
<t:tab title="Tab 2" href="content2.html" closable="false" iconCls="icon-tab2"></t:tab> ``` #### Autocomplete(自动补全标签) **6.1. 参数** - **id**: 控件ID。 - **name**: 控件name属性。 - **data**:...
### jQuery EasyUI 教程概览 ...<table id="datagrid" class="easyui-datagrid" data-options="singleSelect:true,pagination:true"> <th field="name">Name <th field="age">Age <!-- 数据行 -->...
新增" iconCls="icon-add" onClick="addUser()" /> ``` **2.3.2 自定义函数操作标签 | t:dgFunOpt** ```xml 删除" funIcon="icon-remove" funParams="ids"/> ``` **2.3.3 删除操作标签 | t:dgDelOpt** ```xml ...
### jQuery培训文档知识点详解 #### Accordion(可折叠标签) **Accordion** 是一种常见的界面元素,用于展示可以展开和收起的内容区块。... <div title="Tab1" data-options="closable:true"> ;...