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
分享到:
相关推荐
dtree是可用有产生树形目录的javascript插件,集实用美观与一体。
本人这段时间正巧要做一个省市县的树状结构图,公司之前用的dtree实现起来效率太低,半天打不开页面,于是考虑用jquery动态加载,通过网上查资料,学习别人的列子,现将本人所整理的树状结构实例上传。测试数据库为...
dtree插件免费下载,简单,容易
layui dtree树形结构,点击文本框显示下拉树结构。
一个很好看的树形结构导航栏,多级树形结构导航菜单
JAVA 结合 dtree 数据库取值树状显示,无限极分类!
本工程使用dTree组件实现树形菜单的展示 有静态树形菜单和动态(从数据库获取数据)树形菜单展示两种 数据库连接采用简单的类实现 数据位MySQL(5.0.21),数据库创建脚本为dtree.sql 菜单既有普通的树结构展示,也有...
js实现树形结构js实现树形结构js实现树形结构js实现树形结构js实现树形结构
自己动手做的一个树形菜单demo,对数据库中不同层次的节点进行分类,实现起来和简单,只需要一个servlet或者struts action,然后再页面使用dtree
树形菜单dtree JS实现
dtree动态树形菜单,我想大家在做权限管理的时候一定想实现树形菜单,根据自己对应的权限去生成相应的动态树形菜单吧,那就来看看吧!
Struts1和dTree的结合,显示树形结构,欢迎大家下载,并说出你们的看法,谢谢
dtree+jquery 动态实现无限树形菜单 (包括增删改查) 好不容易,搞出来的,不容易啊
很方便的一个树形菜单插件,基于js的树形菜单
jsp-dtree-目录树解决树形结构问题 jsp-dtree-目录树解决树形结构问题 jsp-dtree-目录树解决树形结构问题
jquery dtree 实例 无限树形菜单 实现增删改查
用JS对象 dTree 生成无限级对象,在页面取得存在Action当中的List,生成动态树形菜单
dtree在生成简单树方面比使用Jquery的treeView要方便,代码实现的是用户选择的树状结构图。