ASP中树型结构的实现!??
要求:1、连接数据库!
2、显示数据库的一个字段记录为父结点,另一个字段记录为子结点!
3、父结点下有很多子结点!
4、只要两级结点即可!
------解决方案-------------------- <script language= "JavaScript " src= "TreeView.js "> </script>
<script language= "JavaScript ">
var tree = new MzTreeView( "tree ");
tree.icons[ "property "] = "property.gif ";
tree.icons[ "css "] = "collection.gif ";
tree.icons[ "book "] = "clsfld.gif ";
tree.iconsExpand[ "book "] = "openfld.gif "; //展开时对应的图片
tree.setIconPath( "/images/ "); //可用相对路径
tree.nodes[ "0_5000 "] = "text:功能菜单模块 ";
tree.nodes[ "5000_new "] = "text:最近通知 <img src=/images/new.gif> ";
tree.nodes[ "5000_客户管理 "] = "text:客户信息管理;icon:book;data:type=客户信息管理 ";
tree.nodes[ "客户管理_980 "] = "text:客户信息管理;hint:添加、修改、删除、查询客户信息,;url:*.htm;data: ";
tree.nodes[ "客户管理_979 "] = "text:拖动表格测试;hint:拖动表格测试;url:*.aspx;data:id=979 ";
tree.nodes[ "5000_供应商管理 "] = "text:采购管理;icon:book;data:type=采购管理 ";
tree.nodes[ "供应商管理_896 "] = "text:采购管理;hint:采购管理;url:*.asp;data: ";
tree.nodes[ "供应商管理_857 "] = "text:采购目录;hint:公司所采购品种;url:*.asp;data: ";
tree.nodes[ "供应商管理_858 "] = "text:我的产品;hint:公司所采购品种;url:*.asp;data:cg_typeid=0 ";
tree.nodes[ "5000_经销商管理 "] = "text:经销商管理;icon:book;data:type=供应商管理 ";
tree.nodes[ "经销商管理_976 "] = "text:日期选择控件;hint:使用iframe作为日历的载体,不再被select和flash等控件挡住;url:js_show.asp;data:id=976 ";
tree.nodes[ "经销商管理_953 "] = "text:动态日历;hint:用VML和javascript编写的一个类似windows日历的动态效果;url:js_show.asp;data:id=953 ";
tree.nodes[ "5000_系统管理 "] = "text:系统管理;icon:book;data:type=系统管理 ";
tree.nodes[ "系统管理_971 "] = "text:用户管理;hint:管理用户清单;url:master.asp;data: ";
tree.setURL( "jieshao.asp ");
tree.setTarget( "main ");
document.write(tree.toString()); //亦可用 obj.innerHTML = tree.toString();
</script> </td>
</tr>
</table>
<script language= "JavaScript ">
<!--
document.getElementById( "list2 ").style.display= "none "
document.getElementById( "list1 ").style.display= "inline "
//-->
</script>