easyui-tabs及其内容展示
方案一
<div class="easyui-panel">
<div class="easyui-tabs" fit="true" border="false" id="tabs">
<div title="RskBookAttriPositionSubGroup">
<iframe src="RskBookAttriPositionSubGroupManage.aspx" width="99%" height="100%"></iframe>
</div>
<div title="RskBookAttriProfitlossSubGroup">
<iframe src="RskBookAttriPositionSubGroupManage.aspx" width="99%" height="400"></iframe>
</div>
</div>
</div>
方案2
<%-- builed by manage.aspx.cmt [ver:2014.34.14] at 2014-10-14 11:34:22 --%>
<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="BasAgreementManage.aspx.cs"
Inherits="HraWeb.BasAgreementManage" %>
<%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<script src="../Scripts/tabs.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="toolbar" class="datagrid-toolbar">
<span class="title">名称:</span>
<input type="text" id="txt_AgreementName_LK_" name="txt_AgreementName_LK_"
class="input datacontrol" style="width: 100px" />
<a href="#" id="btn_add" iconcls="icon-add" class="button">新增</a>
<a href="#" id="btn_edit"
iconcls="icon-edit" class="button">编辑</a>
<a href="#" id="btn_del" iconcls="icon-remove"
class="button">删除</a> <a href="#" id="btn_search" iconcls="icon-search" class="button">
查询</a>
</div>
<%-- <div class="easyui-tabs" fit="true" border="false" id="Div1">
<div title="首页" data-options="href:'IndexCeshi/IndexCeshi.aspx'">
</div>
</div>--%>
<div class="easyui-tabs" style="width:1000px;border: 0px" id="tabs">
</div>
</form>
<script type="text/javascript">
// '<iframe style="width:100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
function Open(text, url, height) {
if ($("#tabs").tabs('exists', text)) {
$('#tabs').tabs('select', text);
}
else {
$('#tabs').tabs('add', {
title: text,
closable: true,
content: '<iframe style="width:' + height + 'px;height:' + height + 'px" scrolling="auto" frameborder="0" src="' + url + '"></iframe>',
url: url
});
}
}
function PageOnLoad() {
var height = ComputGridHeight(100);
$(".easyui-tabs").height(height);
$(".easyui-tabs").width(height-300);
window.setTimeout(function () {
Open("ABC", "/BAS/BasGlobalTimeZoneManage.aspx", height);
}, 1000);
window.setTimeout(function() {
Open("ABC1", "/BAS/BasGlobalTimeZoneManage.aspx", height);
}, 1000);
window.setTimeout(function () {
Open("ABC2", "/BAS/BasGlobalTimeZoneManage.aspx", height);
}, 1000);
$('#tt').tabs({
border: false,
onSelect: function (t) {
t = "ABC";
//alert(title+' is selected');
}
});
//控件按钮设置
$(".button").linkbutton({ plain: true });
//参数说明：控件Id,查询地址，编辑页面的宽度，高度,编辑页面标题,新增按钮,编辑按钮，删除按钮，查询按钮，查询回调函数
//JDataGrid.InitGrid("jq", "/BAS/BasAgreementEdit.aspx", 787, 415, "协议内容维护", $("#btn_add"), $("#btn_edit"), $("#btn_del"), $("#btn_search"));
}
</script>
</body>
</html>
easyui-tabs及其内容展示的更多相关文章
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(23)-设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用
ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架搭建 (2):数据库访问层的设计Demo (3):面向接口编程 (4 ):业务逻辑层的封装 ...
- 设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用
设置角色遗留问题和为权限设置角色以及EasyUI Tabs的使用 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1):框架搭建 (2):数据库访问层的设计Demo ...
- 布局-EasyUI Panel 面板、EasyUI Tabs 标签页/选项卡、EasyUI Accordion 折叠面板、EasyUI Layout 布局
EasyUI Panel 面板 通过 $.fn.panel.defaults 重写默认的 defaults. 面板(panel)当做其他内容的容器使用.它是创建其他组件(比如:Layout 布局.Ta ...
- 微信小程序小技巧系列《二》show内容展示，上传文件编码问题
作者:gou-tian 来自:github show内容展示 尝试用微信小程序的template组件实现.同时,尝试页面间转跳时传参,在目标页面引入模板文件实现 写的更少,做的更多 篇幅有限详细代码此 ...
- 安卓ListView行详细内容展示页编写和下拉刷新实现
ListView行详细内容展示页: 使用轻量级的Fragment实现Listview行内容简单的详细信息展示: 值得注意的是: 1. 主布局(打开它的Activity)必须是FrameLayout布局 ...
- EasyUI Tabs + Yii2.0实现iframe方式打开页面（解决共用静态文件引入加载的问题）
在项目实际开发中,有将打开的各个链接页面隔离的需求(防止静态资源起冲突),这个时候常规思路就是使用iframe来实现!但遇到一个比较棘手的问题,当用easyui Tabs打开一个iframe页面时,怎 ...
- 将数据库中的内容展示出来并将某些value值转换成汉字
1.将数据库中的内容展示出来 前台代码未做改变,刚开始未显示的原因是因为 data-field 跟数据库不一样data-field 需要跟数据库中的一样才可以 2.将某些value值转换成汉字 在li ...
- 关于html中的 script标签中的 代码写法有效性? easyui tabs的href不能载入内容页面
script标签, 即 html中的 js脚本区域中: 它其实就是一个 普通的 html标签, 在 html 渲染器 parser 看来, 它跟其他任何的普通 的 html标签 , 比如 p 标签, ...
- easyui tabs内容panel自适应窗体宽度方法
废话不说,直接上代码: $('#Teacherwin_details').window({ title: '查看教职工信息', width: 800, height: 520, top: ($(win ...
- Easyui tabs的herf和content属性
在backstage.jsp页面中我写了一个方法,用于在指定位置添加面板(id为msg的地方)function addTab(t,h){ if($('#msg').tabs('exists',t)){ ...
随机推荐
- PHP判断客户端是PCweb端还是移动手机端方法
/** * * 根据php的$_SERVER['HTTP_USER_AGENT'] 中各种浏览器访问时所包含各个浏览器特定的字符串来判断是属于PC还是移动端 * @author discuz3x * ...
- static 和 global
global global关键字如果用在function内部,则说明这个function内用的这个变量是全局的,全局变量就是在整个页面里都能起作用.例如 $conf = 1; function con ...
- Spring MVC 数据绑定流程
DataBinder 数据绑定 入参,校验,格式化, ConversionService: 进行数据类型转换和数据格式化 Validators 进行数据合法性的校验, 把结果放入BindingResu ...
- 第一模块第一章 review
---恢复内容开始--- 练习题: 1.简述编译型与解释型语言的区别,且分别列出你知道的那些属于编译型,哪些属于解释型 机器语言:由于计算机内部只能接受二进制代码,因此,用二进制代码0和1描述的指令称 ...
- struts2，servlet和springmvc的单例多例问题
struts2,servlet和springmvc的单例多例问题 原创 2017年06月12日 09:59:21 标签: struts2 / servlet / springmvc / 单例 / 多例 ...
- Linux安装初始化
鸟哥的Linux 私房菜 Linux常用命令大全 http://www.cnblogs.com/yjd_hycf_space/p/7730690.html 安装看锋哥教程 可能最后网卡出错 ...
- EasyMock使用总结
最重要的事说在前面:遇到一个你不熟悉的知识,一定要去官网仔仔细细的看官方文档!一定要仔仔细细!一定要!(尔康鼻孔脸..) 正篇: 一.使用 首先,当然是添加依赖,有人用maven,有人用ant或者ma ...
- 基元线程同步构造之信号量（Semaphore）
信号量(semaphore)不过是由内核维护的 int32变量而已,(说通俗点就是好比一个线程容器里面允许执行的线程数,0计数就是允许执行的0个线程数,1就是允许执行的1个线程数,2就是允许执行的2个 ...
- 关于struts2输出excel表
web.xml: <web-app id="WebApp_9" version="2.4" xmlns="http://java.sun.com ...
- Tensorflow从文件读取数据
http://blog.csdn.net/zengxyuyu/article/details/53289906