<%
@ page language="java" import="java.util.*" pageEncoding="GBK"%><%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'MyJsp.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script language="javaScript" src="MzTreeView12.js"></script><style>
body {}{font:normal 12px 宋体}a.MzTreeview /**//* TreeView 链接的基本样式 */ {}{ cursor: hand; color: #000080; margin-top: 5px; padding: 2 1 0 2; text-decoration: none; }.MzTreeview a.select /**//* TreeView 链接被选中时的样式 */ {}{ color: highlighttext; background-color: highlight; }#kkk input {}{vertical-align:middle;
}.MzTreeViewRow {}{border:none;width:500px;padding:0px;margin:0px;border-collapse:collapse}.MzTreeViewCell0 {}{border-bottom:1px solid #CCCCCC;padding:0px;margin:0px;}.MzTreeViewCell1 {}{border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;width:200px;padding:0px;margin:0px;}</style> <script type="text/javascript" src="/HAS/info/js/MzTreeView12.js"></script> </head> <body> <h3>MzTreeView + CheckBox 复选框 + 自定义表格 演示 (MzTreeView v1.2 www.lxasp.com 修改版)</h3><table class='MzTreeViewRow' style="background:#EEEEEE;border-top:1px solid #CCCCCC;"><tr><th class='MzTreeViewCell0'>树</th><th class='MzTreeViewCell1'>ID</th></tr></table><div id="kkk"></div> <script language="javascript" type="text/javascript"> <!-- //var MzTreeViewTH="<table class='MzTreeViewRow'><tr><td class='MzTreeViewCell0'>"; //var MzTreeViewTD="\"</td><td class='MzTreeViewCell1'>\"+ sid +\"</td></tr></table>\""; window.tree = new MzTreeView("tree"); /**//* tree.icons["property"] = "property.gif"; tree.icons["css"] = "collection.gif"; tree.icons["event"] = "collection.gif"; tree.icons["book"] = "book.gif"; tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片 */ tree.setIconPath("/HAS/info/images/treeimages/"); //可用相对路径 tree.N["0_SH8900000000"] = "ctrl:sel;checked:1;T:系统管理;" tree.N["SH8900000000_SH8901000000"] = "ctrl:sel;checked:1;T:文书模板管理" tree.N["SH8900000000_SH8902000000"] = "ctrl:sel;checked:0;T:自定义流程管理" tree.N["SH8900000000_SH8903000000"] = "ctrl:sel;checked:1;T:质量考核因素" tree.N["SH8900000000_SH8904000000"] = "ctrl:sel;checked:1;T:节假日管理" tree.N["SH8900000000_SH8905000000"] = "ctrl:sel;checked:1;T:事项管理" tree.N["SH8900000000_SH8906000000"] = "ctrl:sel;checked:1;T:用户及权限管理" tree.N["SH8900000000_SH8907000000"] = "ctrl:sel;checked:1;T:组织机构管理" tree.N["SH8906000000_SH8906010000"] = "ctrl:sel;checked:1;T:添加新用户" tree.N["SH8907000000_SH8907010000"] = "ctrl:sel;checked:1;T:添加组织机构" tree.N["SH8906000000_SH8906020000"] = "ctrl:sel;checked:0;T:用户管理" tree.N["SH8907000000_SH8907020000"] = "ctrl:sel;checked:0;T:组织机构管理" tree.N["SH8906000000_SH8906030000"] = "ctrl:sel;checked:1;T:添加新角色" tree.N["SH8906000000_SH8906040000"] = "ctrl:sel;checked:1;T:系统角色管理" tree.setURL("#"); tree.wordLine = false; tree.setTarget("main"); document.getElementById("kkk").innerHTML=tree.toString(); tree.expandAll(); //alert(document.getElementsByTagName("head")[0].innerHTML); //alert(document.getElementById("kkk").innerHTML); function showsel() { var es=document.getElementsByName("sel"); var out=""; for(var i=0;i<es.length;i++) { if (es[i].checked) out+=es[i].value+"\n"; } alert(out); } //--> </script><p><input type="button" onclick='showsel()' value='显示选中' /></p> </body></html>部门表结构：
编号 名称 上级
bianhao mingcheng shangji
在action中
/** *//** * 得到部门 * @param mapping * @param form * @param request * @param response * @return */ public ActionForward getBuMen(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response) {// 实现注入 UserManagerService userManagerService = GlobalService.getUserManagerService(); List list=userManagerService.getBuMen(); Bumen bm=new Bumen(); StringBuffer str=new StringBuffer(); //图片路径 str.append("tree.setIconPath('/HAS/info/images/treeimages/');"); str.append("\n"); Iterator iterator = list.iterator(); while(iterator.hasNext()) { try{ Object[] obj = (Object[])iterator.next(); String bianhao = obj[0].toString(); String mingcheng = obj[1].toString(); String shangji = obj[2].toString(); bm.setBianhao(bianhao); bm.setMingcheng(mingcheng); bm.setShangji(shangji); } catch(Exception e){ e.printStackTrace(); } if(bm.getBianhao().substring(1,12).equals("00000000000")) { str.append("tree.N['0"); str.append("_"); str.append(bm.getBianhao()); str.append("']"); str.append("="); str.append("'ctrl:sel;checked:0;T:"+bm.getMingcheng()+"'"); str.append("\n"); } else { str.append("tree.N['"); str.append(bm.getShangji()); str.append("_"); str.append(bm.getBianhao()); str.append("']"); str.append("="); str.append("'ctrl:sel;checked:0;T:"+bm.getMingcheng()+"'"); str.append("\n"); } //第二种用法 // for(int i = 0; i < list.size(); i++)// {// Bumen bm = (Bumen)list.get(i);// // if(bm.getBianhao().substring(1,12).equals("00000000000"))// {// str.append("tree.N['0");// //str.append(bm.getShangji());// str.append("_");// str.append(bm.getBianhao());// // str.append("']");// str.append("=");// // str.append("'ctrl:sel;checked:0;T:"+bm.getMingcheng()+"'");// // str.append("\n");// }// else// {// str.append("tree.N['");// str.append(bm.getShangji());// str.append("_");// str.append(bm.getBianhao());// // str.append("']");// str.append("=");// // str.append("'ctrl:sel;checked:0;T:"+bm.getMingcheng()+"'");// // str.append("\n");// }// } str.append("tree.setURL('#');"); str.append("\n"); str.append("tree.wordLine=false;"); str.append("\n"); str.append("tree.setTarget('main');"); str.append("\n"); request.setAttribute("BUMENTREE", str); request.setAttribute("LISTBUMEN", list); return mapping.findForward("bumen"); }}其中是使用dao的注入方式，来得到部门
js下载地址：
http://www.cnbolgs.com/Files/huazi4995/MzTreeView12.js
![[伤了昨天的心 裂成碎片和沙一起飞]五香里脊](http://www.78fz.com/bbs/78fzattachments/month_0712/20071228_c19c94601128a617fce1FNZ7Ouxjfdw8.jpg)
