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)){ ...
随机推荐
- tomcat-架构原理
Apache Tomcat,通常称为Tomcat服务器,是一个开源的java servlet容器由Apache软件基金会(ASF)开发.Tomcat实现了几个java EE规范包括java servl ...
- c++官方文档-按值传递和按引用传递
#include<stdio.h> #include<iostream> #include<queue> #include<map> #include& ...
- 代码： 日期和时间 datepicker
bootstrap 的相关的时间插件 http://www.bootcss.com/p/bootstrap-datetimepicker/ jquery ui的日期插件 http://www.w3cs ...
- 可视化库-seaborn-Facetgrid(第五天)
1. sns.Facetgrid 画一个基本的直方图 import numpy as np import pandas as pd from scipy import stats, integrate ...
- Haskell语言学习笔记（33）Exception, Except, ExceptT
Exception class (Typeable e, Show e) => Exception e where toException :: e -> SomeException fr ...
- (1)shiro简介和第一个demo
之前一直在用shiro开发,不过只是会使用,并没有深入了解,最近有时间学习了一下,把最近学习所得分享一下. shiro简介 Apache Shiro是一个强大且易用的Java安全框架,执行身份验证.授 ...
- ArcGIS案例学习笔记4_2
ArcGIS案例学习笔记4_2 联系方式:谢老师,135_4855_4328,xiexiaokui#qq.com 时间:第4天下午 案例1:批量水文分析地理建模 数据:实验数据\Chp11\tutor ...
- VS Code常用快捷键总结
目录: 1.主命令框 2.常用快捷键 (1) 编辑器与窗口管理 (2) 代码编辑 <1> 格式调整 <2> 光标相关 <3> 重构代 ...
- JavaScript实现AOP（面向切面编程，装饰者模式）
什么是AOP? AOP(面向切面编程)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来,这些跟业务逻辑无关的功能通常包括日志统计.安全控制.异常处理等.把这些功能抽离出来之后, 再通过“动态织入 ...
- Ansible Playbook Conditionals
通常,play的结果可能取决于变量的值,facts(有关远程系统的知识)或先前的任务结果. 在某些情况下,变量的值可能取决于其他变量. 此外,可以创建其他组,以根据主机是否与其他条件匹配来管理主机. ...