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)){ ...
随机推荐
- UVA-712-满二叉树
一个策略树(S-tree)是一组变量Xn={x1,x2...xn}的表现形式,它代表一个布尔函数f:{0,1}n->{0,1},策略树每条路径从根结点开始由n+1个结点组成,策略树的每一个结点都 ...
- php使用tcpdf实现在线PDF功能
今天看书,发现有个例子就是实现php生成pdf格式文件的例子,所以扩展了下百度了下 找了个tcpdf Git上有地址,如果感冒自行下载 https://github.com/tecnickcom/tc ...
- RESTful转载,多看几遍就理解了写点自己的看法和理解
要理解资源路由就要理解什么是RESTful.如果一个架构符合REST(即Representational State Transfer的缩写,意为表现层状态转化)原则,就称它为RESTful架构. R ...
- Python selenium的js扩展实现
python写的数据采集,对一般有规律的页面用 urllib2 + BeautifulSoup + 正则就可以搞定. 但是有些页面的内容是通过js生成,或者通过js跳转的,甚至js中还加入几道混淆机制 ...
- JAVA JDBC 简单的增删改查
package jdbc_util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.Prepar ...
- C# 生成word文档(NPOI)
using NPOI.XWPF.UserModel XWPFDocument doc = new XWPFDocument(); //创建新的word文档 XWPFParagraph p1 = doc ...
- springVC + logback
为什么用logback,而不是log4j? springmvc log只输出到console,不输出到文件 Spring MVC集成slf4j-logback springMVC如何配置logback ...
- Qt-状态机
//以下示例是QT示例中的appchooser例子,使用状态机来进行图标的交互. #include <QtCore> #include <QtWidgets> class Pi ...
- ASP.NETAutocomplete control
分享一个Ajax autocomplete control, 原文链接:http://forums.asp.net/t/1157595.aspx 首先,引入ScriptManager <asp: ...
- java多线程实例(2)
public class ThreadDemo05 { public static void main(String args[]) { // 四个售票点应该控制同一个资源 Demo d = new ...