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"  type="text/css"></link>
 <link rel="stylesheet"  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循環(huán)輸出
     <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:'要顯示的根名,也可以從數(shù)據(jù)庫取出', click:\"parent.setIframesrc()\" , open:true },";
    List ztreeList = new ArrayList();

 //從數(shù)據(jù)庫獲取所有菜單的信息
    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頁面接收展示即可。

網(wǎng)站題目：jsp頁面zTree的簡單應用
當前URL：http://muchs.cn/article2/jpidic.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、營銷型網(wǎng)站建設、定制網(wǎng)站、網(wǎng)站營銷、品牌網(wǎng)站設計、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運營