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 页面接收展示即可.
来源: http://www.bubuko.com/infodetail-2720288.html