MzTreeView树 控件使用个人总结

*MzTreeView 使用需要引入jquery以及MzTreeView.js文件

以下是创建树最基本的东西：

var tree = new MzTreeView("tree");       //定义一个树(注意，这里的参数tree和后面的tree.nodes必须相同，否则显示不出)


        tree.setIconPath("/images/");                 //定义树的图片的目录


         tree.nodes['-1_1'] = "text:检验信息管理; ";
         tree.nodes['1_2'] = "text:外购产品检验组; ";
         tree.nodes['1_3'] = "text:最终产品检验; ";
         tree.nodes['1_4'] = "text:复检情况; ";
         tree.nodes['1_5'] = "text:办公辅助; ";
         tree.nodes['1_6'] = "text:基础信息管理; ";
         tree.nodes['1_7'] = "text:部门意见与建议; ";
         tree.nodes['1_8'] = "text:系统意见与建议; ";
         tree.nodes['2_11'] = "text:子文件夹测试一; ";
         tree.nodes['2_12'] = "text:子文件夹测试二; ";


        <!--示例如上，给树添加内容，-1为根节点，_后面的是子节点，依次显示-->

//树的节点必须从-1开始连接。

 document.write(tree.toString());

以下是项目中真正用到：

 var tree = new MzTreeView("tree");
 tree.icons["root"]  = "folder_gb.gif"; 
 tree.icons["folder"]  = "folder_gb.gif";
 tree.icons["file"]  = "folder_gb.gif";
 tree.icons["L0"]  = "L0.png";
 tree.icons["L1"]  = "L1.png";
 tree.icons["L2"]  = "L2.png";
 tree.icons["L3"]  = "L3.png";
 tree.icons["L4"]  = "L4.png";
 tree.icons["PM0"]  = "P0.png";
 tree.icons["PM1"]  = "P1.png";
 tree.icons["PM2"]  = "P2.png";
 tree.icons["PM2"]  = "P3.png";
 tree.iconsExpand["folder"]  = "folder_gb.gif";
 tree.iconsExpand["PM0"]  = "M0.png";
 tree.iconsExpand["PM1"]  = "M1.png";
 tree.iconsExpand["PM2"]  = "M2.png";
 tree.iconsExpand["PM2"]  = "M3.png";
 tree.setIconPath("${root}/common/images/MzTreeView10/"); //可用相对路径

   //此处不知为什么需要0开始
 tree.nodes["0_${wsAreaCode}"] = "text:&nbsp&nbsp甘肃省; icon:root; method:onChange('${root}/base/BaseArea/list.jspx?queryParentCode=${wsAreaCode}')"; <!-- 树根 -->


 <c:forEach items="${dataList}" var="element">
tree.nodes["${element.value.sjjyglbmdm}_${element.value.jyglbmdm}"]="text:&nbsp${element.value.jyglbmmc};icon:folder; method:onChangexm('${root}/base/TbMstJyglbmdm/jyglbmIndex.jspxqueryParentCode=${element.value.jyglbmdm}')";    
</c:forEach> 
 tree.setTarget("list");
 document.write(tree.toString());
 tree.urlClick('${queryParentCode}');//完成

效果图如下：