功能超强大的树dhtmlXTree

Xiaor

浏览: 54535 次
性别:
来自: 北京

最近访客更多访客>>

xulong

destiny3

azxsasd

startlook

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

SSH JSP XML Struts 框架

开发中，我们常常需要采用树型显示菜单，下面介绍一种功能特别强大的树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支持多种样式，同时支持复选框选择多个树节点，具体使用方法和例子参照上传的文件。

dhtmlxTree_v2.1.rar (1.2 MB)
下载次数: 96

分享到：

关系数据库标准语言SQL学习总结 | jdk1.6.0_10+apache-tomcat-6.0.16安装配置

2010-06-28 19:48
浏览 2117
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论