`
wei5201
  • 浏览: 185228 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • js
阅读更多
1.首先说明下数据库的结构,见图片:



接着看下查询树形结构的语句吧:
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,同样见附件dtree.rar,页面中引入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对象,遍历他,可以动态产生我们所需要的树形菜单,当然上面的代码只是个提示,具体见附件"dtree用法.ppt".



各位看完,应该会用了吧,很详细了,不想太费力气做树形菜单的,建议看看这文章,相信对你会有帮助的!
  • 大小: 42.6 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics