功能超强大的树dhtmlXTree
开发中，我们常常需要采用树型显示菜单，下面介绍一种功能特别强大的树dhtmlXTree。在SSH框架中，若要使用dhtmlXTree需要以下几步：
1、在Action中实现方法，从数据库中读取要显示的数据，通过jdom，将数据格式化成xml形式的串，将生成的串放到session中；
2、将session中的xml串取出，并输出到页面，代码如下所示：
<%@ page contentType="text/xml;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<% out.clear();
String xmlString = (String)session.getAttribute("xmlString");
if(xmlString != null){
out.print(xmlString );
}
%>
3、新建jsp页面，使用dhtmlXTree，核心代码如下：
<script src="../js/dhtmlxcommon.js"></script>
<script src="../js/dhtmlxtree.js"></script>
<script type="text/javascript">
function onNodeTreeSelect(nodeId){
var uri=nodeId;
location=encodeURI(encodeURI("xxx.action?treeId="+uri));
}
function dbTreeinit(){
nodetree2=new dhtmlXTreeObject("treebox_tree","100%","100%",0);
nodetree2.setImagePath("../images/DhtxTree/csh_bluebooks/");
//执行获得xmlString的action，将根据xmlString生成的xml文件加载进来
nodetree2.loadXML("../system/getXMLString.action");
//点击树节点，触发onNodeTreeSelect方法
nodetree2.setOnClickHandler(onNodeTreeSelect);
}
</script>
<body onload="dbTreeinit()" >
<div id="treebox_tree" style="width:199px;overflow: yes;"></div>
</body>
4、在步骤3中已经生成了树型菜单，若要使用该菜单，只需通过<%@ include file="tree.jsp" %>引入即可。
dhtmlXTree支持多种样式，同时支持复选框选择多个树节点，具体使用方法和例子参照上传的文件。
1、在Action中实现方法，从数据库中读取要显示的数据，通过jdom，将数据格式化成xml形式的串，将生成的串放到session中；
2、将session中的xml串取出，并输出到页面，代码如下所示：
<%@ page contentType="text/xml;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<% out.clear();
String xmlString = (String)session.getAttribute("xmlString");
if(xmlString != null){
out.print(xmlString );
}
%>
3、新建jsp页面，使用dhtmlXTree，核心代码如下：
<script src="../js/dhtmlxcommon.js"></script>
<script src="../js/dhtmlxtree.js"></script>
<script type="text/javascript">
function onNodeTreeSelect(nodeId){
var uri=nodeId;
location=encodeURI(encodeURI("xxx.action?treeId="+uri));
}
function dbTreeinit(){
nodetree2=new dhtmlXTreeObject("treebox_tree","100%","100%",0);
nodetree2.setImagePath("../images/DhtxTree/csh_bluebooks/");
//执行获得xmlString的action，将根据xmlString生成的xml文件加载进来
nodetree2.loadXML("../system/getXMLString.action");
//点击树节点，触发onNodeTreeSelect方法
nodetree2.setOnClickHandler(onNodeTreeSelect);
}
</script>
<body onload="dbTreeinit()" >
<div id="treebox_tree" style="width:199px;overflow: yes;"></div>
</body>
4、在步骤3中已经生成了树型菜单，若要使用该菜单，只需通过<%@ include file="tree.jsp" %>引入即可。
dhtmlXTree支持多种样式，同时支持复选框选择多个树节点，具体使用方法和例子参照上传的文件。