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>
