<SCRIPT language="javascript">
 window.TreeView = new MzTreeView("TreeView");
 var tree=window.TreeView;
 tree.icons["property"] = "../TreeView/property.gif";
 tree.icons["css"] = "../TreeView/collection.gif";
 tree.icons["book"]  = "../TreeView/book.gif";
 tree.icons["resource"]="../TreeView/resource.gif";
 tree.iconsExpand["book"] = "../TreeView/bookopen.gif"; //展开时对应的图片
with(TreeView)
{
setIconPath("TreeView/");//设置图片对应的路径
nodes["0_1"]="text:刘可可";//text:显示的文本内容,url:点击的页面路径,icon为显示为哪个tree.icons中定义的图片,nodes里的字符串定义:_前为父节点名字,如果是0代表为根节点,  tree.nodes["1_320"] = "text:个人事务; icon:book "; 
  tree.nodes["1_300"] = "text:公共信息; icon:book "; 
  tree.nodes["1_400"] = "text:资源管理; icon:book ";
  
  tree.nodes["320_323"] = " text: 个人考勤; icon: property;";
  tree.nodes["320_327"] = " text: 工作日志; icon: property;"; 
  tree.nodes["320_321"] = " text: 邮件; icon: property;"; 
  tree.nodes["320_324"] = " text: 通讯录;url:personal/contactsList.jsp";
  tree.nodes["320_328"] = " text: 个人资料设置; icon: property; "; 
  tree.nodes["320_330"] = " text: 个人绩效;url:personal/personScoreShow.jsp";
 
  tree.nodes["300_322"] = "text:公告管理; icon: property; data:id=322"; 
  tree.nodes["300_326"] = "text:投票管理; icon:exit;data:id=323"; 
  tree.nodes["300_329"] = "text:部门管理; icon:property; "; 
  tree.nodes["300_325"] = "text:员工管理; icon:property;data:id=325"; 
  tree.nodes["300_343"] = "text:薪资管理; icon:property;data:id=325"; 
 
  tree.nodes["400_407"] = "text:档案管理;icon:property; data:id=407";   tree.nodes["323_1140"] = "text:签到签退; url:files/mainfra.jsp";
  tree.nodes["323_1141"] = "text:请假申请; url:personal/askLeave.jsp";
  tree.nodes["323_1239"] = "text:出差申请; url:personal/askBusiness.jsp";
  tree.nodes["323_1300"] = "text:请假审批; url:personal/checkLeaveList.jsp";
  tree.nodes["323_1301"] = "text:出差审批; url:personal/checkBusinessList.jsp";
 
  tree.nodes["321_1162"] = "text:写邮件;url:personal/addEmail.jsp";
  tree.nodes["321_1163"] = "text:收信列表;url:personal/getEmailList.jsp";
  tree.nodes["321_1164"] = "text:发信列表;url:personal/sendEmailList.jsp";
  tree.nodes["321_1165"] = "text:未读邮件;url:personal/noreadEmailList.jsp";
  
  
  tree.nodes["327_1162"] = "text:编辑日志;url:personal/addDaily.jsp";
  tree.nodes["327_1163"] = "text:显示日志列表;url:personal/dailyList.jsp";  tree.nodes["328_1162"] = "text:添加个人资料;url:personal/personDatum.jsp";
  tree.nodes["328_1163"] = "text:修改密码;url:personal/passRevise.jsp";
  tree.nodes["322_1162"] = "text:添加公告;url:public/addNotice.jsp;";
  tree.nodes["322_1163"] = "text:查看公告列表显示;;url:public/noticeList.jsp";
  tree.nodes["329_1164"] = "text:添加部门/经理;url:public/addSection.jsp";
  tree.nodes["329_1165"] = "text:显示部门列表;url:public/sectionListManager.jsp";
  tree.nodes["325_1166"] = "text:添加员工;url:public/addEmployer.jsp";
  tree.nodes["325_1168"] = "text:显示所有员工;url:public/employerList.jsp";
 
  tree.nodes["343_1166"] = "text:按部门查看员工薪资;url:public/sectionListForSalary.jsp";
  tree.nodes["343_1168"] = "text:按部门计算员工工资;url:public/sectionListForAddSalary.jsp";

  tree.nodes["326_1162"] = "text:发起投票;url:public/sponVote.jsp;";
  tree.nodes["326_1163"] = "text:投票历史记录;url:public/managerlistvote.jsp";  tree.nodes["407_1140"] = "text:上传档案; url:resouce/addDossiers.jsp";
  tree.nodes["407_1141"] = "text:下载档案; url:resouce/downDossiers.jsp";
  
//如果没有设置图标,则用默认的图标(有子节点的用文件夹图标,没有的用文件图标)setTarget("mainFrame");//设置target目标在那个地方打开
tree.setURL("files/mainfra.jsp");//如果没有设置超链接,则用此超链接,并且可以用url传参
}
document.write(TreeView.toString());//输出文本,可以在html里显示
window.isHide = false;</SCRIPT>
----------------------------------------------------------------------------------------------
上面的树形菜单节点有4个,每个下面有不等的子节点,当点击个人事务时,会把它的子节点弹出来我想的是这些节点都从数据库读取出来,然后遍历到不同的位置,关键是从数据库里查询到的集合怎么在js里循环解析呢?????????

解决方案 »

  1.   

    用json或者是xml数据。  方便。简单。 
      

  2.   

    又看到with!
    用JSTL <c:forEach/>直接在JS里循环就可以了。
      

  3.   

    不懂啊!有没有什么具体的代码啊? 那个json也不太会用的.......
      

  4.   

    不会json的就用jstl标签迭代循环
      

  5.   

    看看JSP的标签库,迭代标签,相信LZ就会了
      

  6.   

    json是一种数据格式,网上查看很多标准的入门的例子,一看就明白的。这样的数据个人觉得在action里面处理好,构造成json数据,用request作用域传到界面上,js里面取值就可以了。