如何动态生成一个树形目录（比如3级的）

Question

新手上路，麻烦给多一点中文说明！以前是用。net的，现在要求用js做。
这里有控件吗，最好说得细一点。多谢形如：
－1-11
   -12-121
   -13-131
      -132
－2

Answer 1

http://www.blogjava.net/shaofan/archive/2006/02/26/32509.aspx
可以参考一下

Answer 2

非常现成的例子：http://community.csdn.net/Tree/tree.htmcsdn的。

Answer 3

用梅花雪控件。MzTreeView10.js文件在网上搜吧<script language="JavaScript"
  src="MzTreeView10/MzTreeView10.js"></script>
<style>
A.MzTreeview
{
  font-size: 9pt;
  padding-left: 3px;
}
</style>
<script language="JavaScript">
 var tree = new MzTreeView("tree");  tree.icons["property"] = "property.gif";
  tree.icons["css"] = "collection.gif";
  tree.icons["book"]  = "book.gif";
  tree.iconsExpand["book"] = "bookopen.gif"; //展开时对应的图片
  tree.setIconPath("MzTreeView10/"); //可用相对路径
  //动态加入数据建立树：<%
ArrayList myAlist=new ArrayList();
 myAlist=myArrary.ReadXML();
ArrayList myAlistSql=new ArrayList();
myAlistSql=myArrarySql.mySqlData();
 
for(int i=0;i<myAlistSql.size();i++){
%>mytree(tree,"<%=((dataBean)myAlistSql.get(i)).getParentId()%>",
            "<%=((dataBean)myAlistSql.get(i)).getId()%>",
            "<%=((dataBean)myAlistSql.get(i)).getFullName()%>",
            "",
            "<%=((dataBean)myAlistSql.get(i)).getMethod()%>",
            "<%=((dataBean)myAlistSql.get(i)).getMethodStr()%>");
<%
}
%>
   document.write(tree.toString());      //亦可用 obj.innerHTML = tree.toString();
 //动态建立树的方法：
  //参数说明：tree：是树的一个对象MzTreeView，
  //         ParentsID：是父节点的ID，字符串类型
  //         ID是本节点的ID：字符串类型
  //         TextProperty：是本节点显示的文字内容，字符串类型
  //         Method：是方法名字（带参数在内），字符串类型
  //         Methodparameter:Method方法的参数
function mytree(tree,ParentsID,ID,TextProperty,urlstr,Method,Methodparameter){
   tree.nodes[ParentsID+"_"+ID]="text:"+TextProperty+";data:id="+ID+
   ";url:"+urlstr+";method:"+Method+"('"+Methodparameter+"')";
   }
   //方法，用于显示：
  function SendValue(str){
   window.open("ShowMessage.jsp?buttonval="+str,'fShowMessage');
   alert(str);
   parent.fShowMessage.mytext.value=str;
   }
   function openUrl(Urlstr){
   window.open(Urlstr,'fShowMessage');
   }
   function OpenMyMoveTablepage(){
   window.open("MyMoveTable.jsp",'fShowMessage');
   }
  </script>