oracle树形结构,结合dtree插件使用显示树状结构菜单

1.[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],相信对你会有帮助的!
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值