<%@ page language= "java"
import= "java.util.*"
pageEncoding= "utf-8" %>
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
<head>
<script type= "text/javascript"
src= "jquery-easyui-1.3.5/jquery.min.js" ></script>
<script type= "text/javascript"
src= "jquery-easyui-1.3.5/easyloader.js" ></script>
<script type= "text/javascript"
src= "jquery-easyui-1.3.5/jquery.easyui.min.js" ></script>
<script type= "text/javascript"
src= "jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js" ></script>
<link rel= "stylesheet"
type= "text/css"
href= "jquery-easyui-1.3.5/themes/default/easyui.css"
> <link rel= "stylesheet"
type= "text/css"
href= "jquery-easyui-1.3.5/themes/icon.css" >
</head>
<body class= "easyui-layout" >
<script type= "text/javascript" >
var
index = 0; function
addPanel(url,title){ if (!$( '#tt' ).tabs( 'exists' ,
title)){ $( '#tt' ).tabs( 'add' ,{
title: title,
content:
'<iframe src="' +url+ '" frameBorder="0" border="0" style="width: 100%; height: 100%;"/>' ,
closable:
true });
} else {
$( '#tabs' ).tabs( 'select' ,
title); }
}
function
removePanel(){ var
tab = $( '#tt' ).tabs( 'getSelected' );
if
(tab){ var
index = $( '#tt' ).tabs( 'getTabIndex' , tab);
$( '#tt' ).tabs( 'close' ,
index); }
}
</script>
<div data-options= "region:'north',title:'North Title',split:true"
style= "height:100px;" ></div>
<div data-options= "region:'south',title:'South Title',split:true"
style= "height:100px;" ></div>
<div data-options= "region:'east',title:'East',split:true"
style= "width:100px;" ></div>
<div data-options= "region:'west',title:'West',split:true"
style= "width:150px;" >
<ul id= "tt1"
class= "easyui-tree" >
<li>
<span>Folder</span>
<ul>
<li>
<span>Sub Folder 1</span>
<ul>
<li><span><a href= "javascript:void(0)"
onclick= "addPanel('tab1.jsp','tab1')" >File 11</a></span></li>
<li><span><a href= "javascript:void(0)"
onclick= "addPanel('tab1.jsp','tab2')" >File 11</a></span></li>
<li><span><a href= "javascript:void(0)"
onclick= "addPanel('tab1.jsp','tab3')" >File 11</a></span></li>
</ul>
</li>
<li><span><a href= "javascript:void(0)"
onclick= "addPanel('tab1.jsp','tab4')" >File 11</a></span></li>
<li><span><a href= "javascript:void(0)"
onclick= "addPanel('tab1.jsp','tab5')" >File 11</a></span></li>
</ul>
</li>
<li><span><a href= "javascript:void(0)"
onclick= "addPanel('tab1.jsp','tab6')" >File 11</a></span></li>
</ul>
</div>
<div id= "tt"
data-options= "region:'center',title:'center title'"
class= "easyui-tabs"
style= "padding:5px;background:#eee;" >
<div title= "Tab1"
style= "padding:20px;display:none;" >
tab1
</div>
</div>
</body>
</html>
|