先来看一下总体框架frameset
<frameset rows="103,*,43" frameborder=0 border="0" framespacing="0">
<frame src="${pageContext.request.contextPath}/admin/top.jsp" name="topFrame" scrolling="NO" noresize>
<frameset cols="159,*" frameborder="0" border="0" framespacing="0">
<frame src="${pageContext.request.contextPath}/admin/left.jsp" name="leftFrame" noresize scrolling="YES">
<frame src="${pageContext.request.contextPath}/admin/welcome.jsp" name="mainFrame">
</frameset>
<frame src="${pageContext.request.contextPath}/admin/bottom.jsp" name="bottomFrame" scrolling="NO" noresize>
</frameset>
绿色的topFrame、leftFrame、mainFrame、bottomFrame对应页面的四个部分如图所示：
左边部分leftFrame（${pageContext.request.contextPath}/admin/left.jsp）包含了dTree
left.jsp:
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>菜单</title>
<link href="${pageContext.request.contextPath}/css/left.css" rel="stylesheet" type="text/css"/>
<link rel="StyleSheet" href="${pageContext.request.contextPath}/css/dtree.css" type="text/css" />
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="12"></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td>
<div class="dtree">
<a href="javascript: d.openAll();">展开所有</a> | <a href="javascript: d.closeAll();">关闭所有</a>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/dtree.js"></script>
<script type="text/javascript">
d = new dTree(‘d‘);
d.add(‘01‘,-1,‘系统菜单树‘); //01代表本级节点的编号 -1代表根节点
d.add(‘0102‘,‘01‘,‘分类管理‘);//0102代表本级节点的编号 01代表父级节点
d.add(‘010201‘,‘0102‘,‘分类管理‘,‘${pageContext.request.contextPath}/admin/category/list.jsp‘,‘‘,‘mainFrame‘);
d.add(‘0104‘,‘01‘,‘商品管理‘);
d.add(‘010401‘,‘0104‘,‘商品管理‘,‘${pageContext.request.contextPath}/adminProductList‘,‘‘,‘mainFrame‘);
d.add(‘0105‘,‘01‘,‘人事管理‘);
d.add(‘010501‘,‘0105‘,‘人事管理‘,‘${pageContext.request.contextPath}/admin/product/list.jsp‘,‘‘,‘mainFrame‘);
document.write(d);
</script>
</div>
</td>
</tr>
</table>
</body>
</html>
重要的一点就是上面代码中红色标注的mainFrame也就是左边绿色页面在frameset中填充的部分。
下面是dTree的一些细节方面的介绍：http://blog.csdn.net/judyfun/article/details/40889567
时间： 2024-08-08 16:28:03