Eric的无限级Tree(演示+代码)

Tree管理页面 (代码在前面的文章里。因为ACCESS数据库的限制, 只能支持到63层 -_-, 用SqlServer可以支持到1970多层 够用了吧 ^_^)

生成的XML

服务器端TreeView　　用到的XSL

纯客户端TreeView　　用到的XSL

服务器端TreeView代码:

<% @ Page language="c#" AutoEventWireup="false" %>
<% @ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35"  %>
< HTML >
     < HEAD >
         < TITLE > TreeView </ TITLE >
         < STYLE >
        BODY {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top; TEXT-ALIGN: center }
        TABLE {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
        TD {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
        INPUT {}{ FONT-SIZE: 9pt }
         </ STYLE >
     </ HEAD >
     < BODY >
         < FORM  id ="Form1"  method ="post"  runat ="server" >
             < ASP:PANEL  id ="pnlTreeView"  runat ="server"  enableviewstate ="False"  horizontalalign ="Left"  width ="400px" >
                 < IEWC:TREEVIEW  id ="tv"  runat ="server"  enableviewstate ="False"  treenodexsltsrc ="treeview.xsl"  treenodesrc ="tree.xml" >
                 </ IEWC:TREEVIEW >
             </ ASP:PANEL >
         </ FORM >
     </ BODY >
</ HTML >

客户端TreeView代码:

< HTML >
     < HEAD >
         < TITLE > TreeView Client </ TITLE >
         < STYLE >
        BODY {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top; TEXT-ALIGN: center }
        TABLE {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
        TD {}{ FONT-SIZE: 9pt; VERTICAL-ALIGN: top }
        INPUT {}{ FONT-SIZE: 9pt }
         </ STYLE >
         < SCRIPT  language ="jscript" >
        function placexml(spanid)
        {
        var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
        var xslDoc = new ActiveXObject("Msxml2.DOMDocument");
        xmlDoc.async = false;
        xslDoc.async = false;
        xmlDoc.load("tree.xml");
        xslDoc.load("treeview_client.xsl");
        var xhtmlDoc = xmlDoc.transformNode(xslDoc);
        document.all(spanid).innerHTML = xhtmlDoc;
        }
         </ SCRIPT >
     </ HEAD >
     < BODY  onload ="placexml('spantv');" >< DIV  id ="pnlTreeView"  align ="Left"  style ="width:400px;" >
         <? XML:namespace prefix=TVNS />
        <?IMPORT NAMESPACE=TVNS IMPLEMENTATION="webctrl_client/1_0/treeview.htc" />
        <SPAN id="spantv"></SPAN></DIV>
    </BODY>
</HTML>