`
Xiaor
  • 浏览: 53416 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

功能超强大的树dhtmlXTree

    博客分类：
  • jsp
SSHJSPXMLStruts框架 
阅读更多
开发中，我们常常需要采用树型显示菜单，下面介绍一种功能特别强大的树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支持多种样式，同时支持复选框选择多个树节点，具体使用方法和例子参照上传的文件。
分享到：
| jdk1.6.0_10+apache-tomcat-6.0.16安装配置
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics