JSTL实现递归展示树型结构数据

场景:

一个树型结构的数据在数据库里

映射为对象Tree(id, name, url....), Tree添加了一个自描述的属性List<Tree> children

从数据库中根据根节点,递归出树结构放到List<Tree> treeList中,现在要求在显示中按层级显示:

 

问题:因为未知树的层级是多少,JSTL中又不支持函数递归。

解决方案:使用文件包括的形式的解决,虽然不太优雅,但是总算实现了。

知识预备:

JSTL c标签的用法,c:forEach, c:import

JSP的作用域:page, request, session, application

c:import页面可以共享request作用域级别及其以上级别以上的数据,而不能共享page作用域的数据

 

 

实现:

主页面代码:

 

[html] view plain copy

  1. <table>  
  2. <c:set var="index" value="0" scope="request" /><!-- 自增序号,注意scope-->  
  3. <c:set var="level" value="0" scope="request" /><!-- 记录树的层次,注意scope--><c:import url="__r.jsp" />  
  4. </table>  


被包含的页面:__r.jsp代码:

 

[html] view plain copy

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>  
  2. <%@ include file="/commons/pages/taglibs.jsp"%><!--引入jstl包-->  
  3. <c:forEach var="cur" items="${treeList}" varStatus="vs">  
  4.   <c:set var="index" value="${index + 1}" scope="request" /><!-- 每一次循环,index+1 -->  
  5.   <tr>  
  6.     <td align="center" nowrap="nowrap">${index}</td>  
  7.     <td align="center" nowrap="nowrap">${level}</td>  
  8.     <td align="center" nowrap="nowrap">${cur.name}</td>  
  9.   </tr>  
  10.   <c:if test="${fn:length(cur.children) > 0}"><!-- 如果有childen -->  
  11.     <c:set var="level" value="${level + 1}" scope="request" /><!-- 循环一次子列表,level+1 -->  
  12.     <c:set var="treeList" value="${cur.children}" scope="request" /><!-- 注意此处,子列表覆盖treeList,在request作用域 -->  
  13.     <c:import url="__r.jsp" /><!-- 这就是递归了 -->  
  14.   </c:if>  
  15. </c:forEach>  
  16. <c:set var="level" value="${level - 1}" scope="request" /><!-- 退出时,level-1 -->  


引用:http://blog.csdn.net/kimsoft/article/details/7801564

转载于:https://my.oschina.net/cronie/blog/1595158

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值