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" 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页面接收展示即可。
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦