1.[b]首先说明下数据库的结构,见图片:[/b]
[img]http://dl.iteye.com/upload/attachment/439307/cf9a238e-086e-3c5c-94ae-6dfe8686f354.jpg[/img]
接着看下查询树形结构的语句吧:
"sys_connect_by_path(order_id, '-') rowno" 这个函数主要作用是可以把一个父节点下的所有子节点通过某个字符进行区分,然后按父子关系顺序显示. 那你就可以按这个排序了.
"start with id=1" 指定id为1的数据为根节点,遍历id为1的下面所有的子节点.
2.下面再看看页面部分,由于使用dtree插件,先引入js与css,同样见附件[b]dtree.rar[/b],页面中引入dtree.js与dtree.css即可:
ConsoleMenuList是通过sql语句查询出来的menu对象,遍历他,可以动态产生我们所需要的树形菜单,当然上面的代码只是个提示,具体见附件"[b]dtree用法.ppt[/b]".
各位看完,应该会用了吧,很详细了,[b]不想太费力气做树形菜单的,建议看看这文章[/b],相信对你会有帮助的!
[img]http://dl.iteye.com/upload/attachment/439307/cf9a238e-086e-3c5c-94ae-6dfe8686f354.jpg[/img]
接着看下查询树形结构的语句吧:
SELECT id, parentid, NAME, url
FROM (SELECT id,
nvl(parent_id, -1) AS parentid,
NAME,
url,
sys_connect_by_path(order_id, '-') rowno
FROM tls_menu
WHERE is_enable = 'Y'
CONNECT BY PRIOR id = parent_id
START WITH id = 1)
ORDER BY rowno NULLS LAST
"sys_connect_by_path(order_id, '-') rowno" 这个函数主要作用是可以把一个父节点下的所有子节点通过某个字符进行区分,然后按父子关系顺序显示. 那你就可以按这个排序了.
"start with id=1" 指定id为1的数据为根节点,遍历id为1的下面所有的子节点.
2.下面再看看页面部分,由于使用dtree插件,先引入js与css,同样见附件[b]dtree.rar[/b],页面中引入dtree.js与dtree.css即可:
<div class="dtree" >
<script type="text/javascript">
tree = new dTree('tree','${app}');
<c:forEach items="${ConsoleMenuList}" var="menu">
tree.add('${menu.id}','${menu.parentId}','${menu.name}',<c:choose><c:when test="${not empty menu.url}">'${app}${menu.url}'</c:when><c:otherwise>''</c:otherwise></c:choose>,'${menu.name}','mainfrm','','','true','','');
</c:forEach>
document.write(tree);
</script>
</div>
ConsoleMenuList是通过sql语句查询出来的menu对象,遍历他,可以动态产生我们所需要的树形菜单,当然上面的代码只是个提示,具体见附件"[b]dtree用法.ppt[/b]".
各位看完,应该会用了吧,很详细了,[b]不想太费力气做树形菜单的,建议看看这文章[/b],相信对你会有帮助的!