tree是我们项目中比较常用的。最近用了下dtree,感觉很好用。下面把自己的使用心得分享下。首先得有一个实体类
public class Role implements Serializable{
private String id;
private String fdname;
private String fdparentid;//父ID
}
然后映射成数据库表,之后录几条数据,写好自己的DAO。下面就看怎么用了。
导入相关JS
<link rel="StyleSheet" href="<%=contextPath%>/resources/dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="<%=contextPath%>/resources/dtree/dtree.js"></script>
//在JSP页面得到TREE的数据
RoleDao roleDao=(RoleDao)SpringContextUtil.getWebApplicationContext(this.getServletContext()).getBean("RoleDao");
List<Role> list=roleDao.query();
for(Role r:list){
if(r.getFdparentid()==null){
r.setFdparentid("-1");
}
}
<div class="box-left" id="d">
<script type="text/javascript">
var d=new dTree("d");
<%for(Role r:list){%>
d.add('<%=r.getId()%>','<%=r.getFdparentid()%>','<%=r.getFdname()%>','dtreeuser.jsp?id=<%=r.getId()%>','','mainFrame');
<% }%>
document.write(d);
</script>
</div >
<div style="float:right;width:84%">
<iframe name="mainFrame" width="100%" height="500px"></iframe>
</div>
</div>
dtree的调用比较简单,var d=new dTree("d");d.add(),就行。但是,参数顺序不能错,第一个是ID,第二个是PID,并且,当是根目录的时候,根目录的PID必须是-1,才行的。