<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'MyJsp.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resource/js/easyui/themes/gray/easyui.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resource/js/easyui/prettify/prettify.css">
<script type="text/javascript"
	src="<%=path%>/resource/js/easyui/prettify/prettify.js"></script>
<script type="text/javascript"
	src="<%=path%>/resource/js/easyui/jquery.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/resource/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#easyui-tree").tree({
			url:'<%=path%>/userMenu1.action',
			lines : true,
			onClick : function(node) {
				if (node.url != null) {
					alert(node.url)
					open1(node.text, node.url);
					//open1(node.text,'/nxfd/pages/MyJsp.jsp');
				}
			}
		});
		$('#tt').tabs({onLoad : function(panel) {
						var plugin = panel.panel('options').title;
						panel
								.find(
										'textarea[name="code-' + plugin
												+ '"]')
								.each(
										function() {
											var data = $(this).val();
											data = data.replace(
													/(\r\n|\r|\n)/g,
													'\n');
											if (data.indexOf('\t') == 0) {
												data = data.replace(
														/^\t/, '');
												data = data.replace(
														/\n\t/g, '\n');
											}
											data = data.replace(/\t/g,
													' ');
											var pre = $(
													'<pre name="code" class="prettyprint linenums"></pre>')
													.insertAfter(this);
											pre.text(data);
											$(this).remove();
										});
						prettyPrint();
					}
		});
	});
	function open1(title, plugin) {
		if ($('#tt').tabs('exists', title)) {
			$('#tt').tabs('select', title);
		} else {
			$('#tt').tabs('add', {
				title : title,
				href : plugin,
				closable : true,
				extractor : function(data) {
					data = $.fn.panel.defaults.extractor(data);
					var tmp = $('<div></div>').html(data);
					data = tmp.find('#content').html();
					tmp.remove();
					return data;
				}
			});
		}
	}
</script>
</head>
<body class="easyui-layout" style="text-align:left">
	<div region="north" border="false"
		style="background:#666;text-align:center">
		<!-- <div id="header-inner">
			<table cellpadding="0" cellspacing="0" style="width:100%;">
				<tr>
					<td rowspan="2" style="width:20px;"></td>
					<td style="height:52px;">
						<div style="color:#fff;font-size:22px;font-weight:bold;">
							<a href="/index.php"
								style="color:#fff;font-size:22px;font-weight:bold;text-decoration:none">jQuery
								EasyUI</a>
						</div>
						<div style="color:#fff">
							<a href="/index.php" style="color:#fff;text-decoration:none">easyui
								helps you build your web pages easily!</a>
						</div>
					</td>
					<td
						style="padding-right:5px;text-align:right;vertical-align:bottom;">
						<div id="topmenu">
							<a href="/index.php">Home</a> <a href="/demo/main/index.php">Demo</a>
							<a href="/tutorial/index.php">Tutorial</a> <a
								href="/documentation/index.php">Documentation</a> <a
								href="/download/index.php">Download</a> <a
								href="/extension/index.php">Extension</a> <a href="/contact.php">Contact</a>
							<a href="/forum/index.php">Forum</a>
						</div>
					</td>
				</tr>
			</table>
		</div> -->

	</div>
	<div region="west" split="true" title="Plugins"
		style="width:250px;padding:5px;">
		<ul class="easyui-tree" id="easyui-tree">
			<!-- <li iconCls="icon-base"><span>Base</span>
			<ul>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('parser')">parser</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('easyloader')">easyloader</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('draggable')">draggable</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('droppable')">droppable</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('resizable')">resizable</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('pagination')">pagination</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('searchbox')">searchbox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('progressbar')">progressbar</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('tooltip')">tooltip</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('mobile')">mobile</a></li>
				</ul></li>
			<li iconCls="icon-layout"><span>Layout</span>
			<ul>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('panel')">panel</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('tabs')">tabs</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('accordion')">accordion</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('layout')">layout</a></li>
				</ul></li>
			<li iconCls="icon-menu"><span>Menu and Button</span>
			<ul>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('menu')">menu</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('linkbutton')">linkbutton</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('menubutton')">menubutton</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('splitbutton')">splitbutton</a></li>
				</ul></li>
			<li iconCls="icon-form"><span>Form</span>
			<ul>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('form')">form</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('validatebox')">validatebox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('textbox')">textbox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('combo')">combo</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('combobox')">combobox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('combotree')">combotree</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('combogrid')">combogrid</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('numberbox')">numberbox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('datebox')">datebox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('datetimebox')">datetimebox</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('datetimespinner')">datetimespinner</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('calendar')">calendar</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('spinner')">spinner</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('numberspinner')">numberspinner</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('timespinner')">timespinner</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('slider')">slider</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('filebox')">filebox</a></li>
				</ul></li>
			<li iconCls="icon-window"><span>Window</span>
			<ul>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('window')">window</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('dialog')">dialog</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('messager')">messager</a></li>
				</ul></li>
			<li iconCls="icon-datagrid"><span>DataGrid and Tree</span>
			<ul>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('datagrid')">datagrid</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('datalist')">datalist</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('propertygrid')">propertygrid</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('tree')">tree</a></li>
					<li iconCls="icon-gears"><a class="e-link" href="#"
						onclick="open1('treegrid')">treegrid</a></li>
				</ul></li> -->
		</ul>
	</div>
	<div region="center">
		<div id="tt" class="easyui-tabs" fit="true" border="false"
			plain="true">
			<div title="welcome" href="www.baidu.com"></div>

		</div>
	</div>
</body>
</html>