<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="/easyuitest/js/easyui/default/easyui.css">
<script type="text/javascript" src="/easyuitest/js/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/easyuitest/js/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<script>
function showcontent(language){
alert("haha");
var opts = {
title : language,
closable : false,
content : "<iframe src='NewFile1.jsp' allowTransparency='true' style='border:0;width:99%;height:99%;padding-left:2px;' frameBorder='0'></iframe>",
border : false,
fit : true
};
var tabs = $('#mybody');
if (tabs.tabs('exists', opts.title)) {
tabs.tabs('select', opts.title);
} else {
tabs.tabs('add', opts);
}
}
</script>
<div class="easyui-layout" style="width:800px;height:400px;">
<div region="west" split="true" title="Navigator" style="width:250px;">
<p style="padding:5px;margin:0;">Select language:</p>
<ul>
<li><a href="javascript:void(0)" οnclick="showcontent('java')" class="easyui-linkbutton">Java</a></li>
<li><a href="javascript:void(0)" οnclick="showcontent('cshape')" class="easyui-linkbutton">C#</a></li>
<li><a href="javascript:void(0)" οnclick="showcontent('vb')" class="easyui-linkbutton">VB</a></li>
<li><a href="javascript:void(0)" οnclick="showcontent('erlang')" class="easyui-linkbutton">Erlang</a></li>
</ul>
</div>
<div id="content" region="center" title="Language" style="padding:5px;">
<input class="easyui-databox"/>
<div class="easyui-calendar" style="width:150px;height:150px;"></div>
<div class="easyui-panel" style="width:400px;height:500px">
<ul>
<li>中国人万岁</li>
<li>还有中国人</li>
</ul>
<div class="easyui-tabs" id="mybody" data-options="tools:'#tab-tools'" style="width:400px;height:400px">
</div>
</div>
<div style="margin:20px 0;">
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="$('#dlg').dialog('open')">Open</a>
<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="$('#dlg').dialog('close')">Close</a>
</div>
<div id="dlg" class="easyui-dialog" title="Basic Dialog" closed="true" data-options="iconCls:'icon-save'" style="width:400px;height:200px;padding:10px">
默认关闭
</div>
</div>
</div>
</body>
</html>