利用正大互联的树（treeview）结构思想整理出的完整代码

正大互联的结构思想：

序号 字段名 类型 大小 说明
1 ID int 4 主键，自增。
2 parentID int 4 父节点。
3 path nvarchar 100 父节点的集合。
4 noteLevel int 4 层数，从1开始计算。
5 isShow nvarchar 50 第一次填充树的时候，是否显示该节点。true/false
6 OrderID int 4 排序字段。
3 noteTitle nvarchar 100 节点名称。
3 WebUrl nvarchar 100 点击节点时打开的网页。如果是#则不打开网页
3 Target nvarchar 100 打开网页的目标。

这个是在无限分级的表的基础上，改进了一下。有几个字段要特殊说明一下

1、path：拿我的电脑来比喻，比如一个文件a.mp3放在了“c:/myDoc/miusic/”里面，如果 a.mp3 是一个节点的话，那么“c:/myDoc/miusic/”就是 path 。

一级节点的parentID都是0，path 也都是0；其他节点的path 就是 父结点的path + "," + 父节点ID。

设置这个字段的目的是可以一次（避免了递归）找到一个节点的子节点、子子节点……，在收拢节点的时候特别有用。

2、OrderID：为什么只用一次绑定就可以了呢？关键就在这里。一个DIV就是一个节点，那么DIV的先后顺序是由谁来决定的呢？不是parentID，也不是path。而是OrderID。

在显示数的时候，谁排在上面，谁排在下面，完全是由OrderID来决定的，这样只需一次绑定就ok了。

当然，在添加、移动、删除节点上带来了不小的麻烦。但是考虑到维护的次数是很少的，对于树的显示次数来说名可以忽略不计了，所以我觉得这么做是值得的。

3、noteLevel：这个决定了节点的外观，把它加到CSS得名称上面，就可以区分不同级别的节点了。在展开节点的时候也会用到。

其他的就没有什么了。

展开和收拢的效果就交给javascript了

   function showme(me){
  
       var myID = me.id.replace("n","");
       var Level = notes[myID][0];
       var path = notes[myID][1];
       var url = notes[myID][2];
       var target = notes[myID][3];
       var isshow = notes[myID][4];
      
       //判断是否打开网页
       if (url != "#"){
           if (target =="main")
               parent.document.getElementById("frmMain").src= url + "?id=" + myID;
           else
               window.open(url,target)
       }   
          
       var tmpNote;
       pID = "," +myID+ ",";
       for(var i=1;i< notes.length;i++)
       {
           tmpID = "," + notes[1] + ",";
           if (myID != notes[1])
               if (tmpID.indexOf(pID) !="-1" )
                   showDIV(myID,i);
          
       }
       if (isshow =="True")
           notes[myID][4] ="False";        //notShow
       else
           notes[myID][4] ="True";            //show
          
   }
   function showDIV(parentID,sonID){
       var myDIV = document.getElementById("n" + sonID);
       var parent = document.getElementById("n" + parentID);
      
       if (notes[parentID][4] == "True" ){
           myDIV.style.display = "none";        //notShow
           notes[sonID][4] = "False"
       }
       else{
           if (notes[sonID][0] - notes[parentID][0] =="1")
               myDIV.style.display="";   
       }
      
   }
   </script>

可以用repeater作为树的容器

我整理后的完整代码

.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Configuration;
using System.Data.SqlClient;
namespace tree
{
    /**//// <summary>
    /// WebForm1 的摘要说明。
    /// </summary>
    public class WebForm1 : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.Repeater Repeater1;
        DataSet ds = new DataSet();
        SqlConnection con = new SqlConnection();
        private void Page_Load(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
            con = new SqlConnection(ConfigurationSettings.AppSettings["Sqlcon"]);
            string sql = "select * from office where isdelete=0";
            SqlDataAdapter da = new SqlDataAdapter(sql,con);
            da.Fill(ds);
            this.Repeater1.DataSource = ds.Tables[0].DefaultView;
            this.Repeater1.DataBind();
            /**/////
            Response.Write("<script language=\"javascript\">var notes = new Array();");
            Response.Write("var a = notes;\r\n");
            foreach(DataRow dr in ds.Tables[0].Rows)
            {
                Response.Write("a[");
                Response.Write(dr["id"].ToString());           
                Response.Write("] = new Array('");
                Response.Write(dr["noteLevel"].ToString());               
                Response.Write("','");
                Response.Write(dr["path"].ToString());                 
                Response.Write("','");
                Response.Write(dr["weburl"].ToString());              
                Response.Write("','");
                Response.Write(dr["target"].ToString());              
                Response.Write("','");
                Response.Write(dr["isshow"].ToString());             
                Response.Write("')\r\n");
            }
            Response.Write("</script>");
        }

        Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }
        
        /**//// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
        {    
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion
    }
}

.aspx

<HTML>
    <HEAD>
        <title>WebForm1</title>
        
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        <script language="javascript">
    function showme(me){
    
        var myID = me.id.replace("n","");
        var Level = notes[myID][0];
        var path = notes[myID][1];
        var url = notes[myID][2];
        var target = notes[myID][3];
        var isshow = notes[myID][4];
        
        //判断是否打开网页
        if (url != "#"){
            if (target =="main")
                parent.document.getElementById("frmMain").src= url + "?id=" + myID;
            else
                window.open(url,target)
        }    
            
        var tmpNote;
        pID = "," +myID+ ",";
        for(var i=1;i< notes.length;i++)
        {
            tmpID = "," + notes[i][1] + ",";
            //找自己的所有子节点
            if (tmpID.indexOf(pID) !="-1" )
                //window.setTimeout("showDIV("+myID+","+i+")",200);
                showDIV(myID,i);
            
        }
        //for(var i=1;i< notes.length;i++)
        //{
                    
            //找父结点的子节点        
            //if (notes[myID][1] == notes[i][1] && myID != i)
                //noneOtherDiv(i);
            
        //}
        if (isshow =="True")
            notes[myID][4] ="False";        //notShow
        else
            notes[myID][4] ="True";            //show
            
    }
    function noneOtherDiv(parentID)
    {    
        for(var i=1;i< notes.length;i++)
        {
            //找子节点        
            if (notes[parentID][1] + "," + parentID == notes[i][1] )
            {
                var tmp = document.getElementById("n" + i);
                tmp.style.display = "none";
                notes[i][4] = "False"
            }
            
        }
    }
    
    function showDIV(parentID,sonID){
        var myDIV = document.getElementById("n" + sonID);
        var parent = document.getElementById("n" + parentID);
        
        if (notes[parentID][4] == "True" ){
            myDIV.style.display = "none";        //notShow
            notes[sonID][4] = "False"
        }
        else{
            if (notes[sonID][0] - notes[parentID][0] =="1")
                myDIV.style.display="";    
        }
        
    }
        </script>
</HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <TABLE id="Table1" style="Z-INDEX: 101; LEFT: 144px; WIDTH: 112px; POSITION: absolute; TOP: 72px; HEIGHT: 304px"
                cellSpacing="1" cellPadding="1" width="112" border="1">
                <TR>
                    <TD colSpan="3" valign=top><FONT face="宋体">
                            <asp:Repeater id="Repeater1" runat="server" EnableViewState="False">
                                <ItemTemplate>
                                    <div id='n<%#DataBinder.Eval(Container,"DataItem.id")%>' onclick="showme(this)"><%#DataBinder.Eval(Container,"DataItem.name")%></div>
                                </ItemTemplate>
                            </asp:Repeater></FONT></TD>
                </TR>
            </TABLE>
        </form>
    </body>
</HTML>

数据库中的id是自增长的，但要是id的值不是连续的话就会出现问题。