jsp页面zTree的简单应用-创新互联

1. jsp页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page contentType="text/html;charset=UTF-8"%>
<%
        if (request.getProtocol().compareTo("HTTP/1.0") == 0)
                response.setHeader("Pragma", "no-cache");
        if (request.getProtocol().compareTo("HTTP/1.1") == 0)
                response.setHeader("Cache-Control", "no-cache");
        response.setDateHeader("Expires", 0);
%>
<head>
 <title> ZTREE DEMO - Simple Data</title>
 <link rel="stylesheet" href="http://pannijingling.blog.163.com/blog/文件夹路径/demo.css" type="text/css"></link>
 <link rel="stylesheet" href="http://pannijingling.blog.163.com/blog/文件夹路径/zTreeStyle.css" type="text/css"></link>
 <script type="text/javascript" src="http://pannijingling.blog.163.com/blog/文件夹路径/jquery-1.4.4.min.js"></script>
 <script type="text/javascript" src="http://pannijingling.blog.163.com/blog/文件夹路径/jquery.ztree.core-3.1.js"></script>
 <SCRIPT type="text/javascript">
    <!--
    var setting = {
     data: {
        simpleData: {
         enable: true
        }
     }
    };
    var zNodes =[
     //这里只需要将后台传出的list使用jstl循环输出
     <c:forEach items="${treelist}" var="tree" varStatus="vs">
     ${tree}
     </c:forEach>

    ];
    $(document).ready(function(){
     //“treeDemo”是ul的ID
     $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    });
    //-->
 </SCRIPT>
 </head>

<body">
 <div>
    <ul id="treeDemo" class="ztree"></ul>
 </div>
</body>
</HTML>

3.2.java文件getTreelist()方法

public List getTreelist(){
    //设定树菜单的根
    String ztree = "{ id:00, pId:0, name:'要显示的根名,也可以从数据库取出', click:\"parent.setIframesrc()\" , open:true },";
    List ztreeList = new ArrayList();

 //从数据库获取所有菜单的信息
    List menuList = this.getMenuList();
    if(Collections.isNotEmpty(menuList)){
     ztreeList.add(ztree);
     for (int i = 0; i < menuList.size(); i++) {
        Menu menu = (Menu) menuList.get(i);
 //按照一定的格式拼接字符串，最后返回到jsp页面
        ztree = "{ id:"+menu.getMenuid()+", pId:"+menu.getParentid()+", name:\""+menu.getMenuname()+"\"," +
            "click:\"parent.setIframesrc('"+menu.getMenuid()+"')\"},";
        if (i+1 == menuList.size()) {
         ztree = ztree.substring(0, ztree.lastIndexOf(","));
        }
        ztreeList.add(ztree);
     }
    } 
    return ztreeList;
 }

3.然后从Action调用getTreelist(),并用"tree"的键值返回jsp页面，从jsp页面接收展示即可。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

创新互联是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队，其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接：成都网站设计、做网站、成都外贸网站建设公司、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。