<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title></title>
<script src="JS/jquery-1.4.1.js" type="text/javascript"></script>
<script src="JS/Easyui/jquery.easyui.min.js" type="text/javascript"></script>
<link href="JS/Easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<link href="JS/Easyui/themes/gray/easyui.css" rel="stylesheet" type="text/css" />
<script src="JS/jQuery.Comment.js" type="text/javascript"></script>
<script type="text/javascript">
function AddOne(stitle, src) {
if ($("#tt").tabs("exists", stitle)) {
$("#tt").tabs("select", stitle);
refreshTab({ tabTitle: stitle, url: src })
} else {
$("#tt").tabs('add', {
title: stitle,
content: '<iframe name="a"id="b" src="' + src + '" width="100%" height="100%" frameborder="0" scrolling="auto" ></iframe>',
closable: true
})
}
}
$(function () {
$('.tabs-inner').live('click', function () {
var subtitle = $(this).children("span").text();
if (subtitle == "欢迎页面") {
return;
}
if ($(this).next().is('.tabs-close')) {
var currTab = $('#tt').tabs('getTab', subtitle);
var iframe = $(currTab.panel('options').content);
var src = iframe.attr('src');
refreshTab({ tabTitle: subtitle, url: src });
}
else {
$('#tt').tabs('select', title);
}
});
});
function refreshTab(cfg) {
var refresh_tab = cfg.tabTitle ? $('#tt').tabs('getTab', cfg.tabTitle) : $('#tt').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.contentWindow.location.href = refresh_url;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="cc" fit="true" style="width: 1000px; height: 800px;" class="easyui-layout"
border="false">
<div region="north" style="height: 80px;">
cc</div>
<div region="east" icon="icon-reload" title="East" split="true" style="width: 100px;">
aaa</div>
<div region="west" title="操作菜单" style="width: 200px;">
<!--class="easyui-accordion"样式是用来定义导航的样式以及收缩-->
<div id="aa" fit="true" class="easyui-accordion" border="false">
<div title="Title1" icon="icon-save" style="overflow: auto; padding: 10px;">
</div>
<div title="数据维护" icon="icon-reload" selected="true" style="padding: 10px;">
<div>
<ul>
<li><a href="javascript:AddOne('用户管理','UserInfo.aspx')">用户管理</a></li>
<li><a href="javascript:AddOne('用户管理2','UserInfoP.aspx')">用户管理2</a></li>
</ul>
</div>
</div>
<div title="Title3">
content3
</div>
</div>
<!---->
</div>
<div region="center" style="background: #eee; padding: 5px" title="功能区">
<div id="tt" fit="true" border="false" class="easyui-tabs">
<div title="欢迎页面" style="padding: 20px; overflow: hidden;">
欢迎页面
</div>
</div>
</div>
<div region="south" style="height: 50px;">
<div id="aaaa" style="margin-left: 40%; margin-top: 25px">
<span>项目开发负责人：郭志松</span> <span>开发时间：2013-4-3</span>
</div>
</div>
</div>
</form>
</body>
</html>
