ITPub博客

首页 > IT职业 > IT生活 > jsp页面zTree的简单应用

jsp页面zTree的简单应用

IT生活 作者:jn_fjd 时间:2021-09-09 10:09:50 0 删除 编辑

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" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://pannijingling.blog.163.com/blog/文件夹路径/jquery-1.4.4.min.js"></script> <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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页面接收展示即可。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3813/viewspace-2817636/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: 鼠标拖拽
请登录后发表评论 登录
全部评论

注册时间:2019-09-27

  • 博文量
    0
  • 访问量
    445