NET平台下Web樹形結構程序設計

- 中國WEB開發者網絡 (http://www.webasp.net)
-- 技術教程 (http://www.webasp.net/article/)
--- NET平台下Web樹形結構程序設計 (http://www.webasp.net/article/9/8183.htm)

-- 作者：未知
-- 發佈日期： 2004-03-10

.NET平台下Web樹形結構程序設計
我的上篇文章《樹形結構在開發中的應用》主要是在Windows Form下的實現，下面是Web Form下的實現。
數據庫設計
首先，我們在SQL SERVER 2000里建立一個表tbTree，表的結構設計如下：
列名數據類型描述長度主鍵
ID Int 節點編號 4 是
ParentID Int 父節點編號 4
ConText Nvarchar 我們要顯示的節點內容 50

在SQL SERVER 2000中建表的腳本：
CREATE TABLE [dbo].[tbTree] (

[ID] [int] IDENTITY (1, 1) NOT NULL ,

[Context] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,

[ParentID] [int] NULL

) ON [PRIMARY]

在表中添加如下記錄：
SET IDENTITY_INSERT tbtree ON

insert tbtree (ID,Context,ParentID) values ( 1,'中國',0)

insert tbtree (ID,Context,ParentID) values ( 2,'北京',1)

insert tbtree (ID,Context,ParentID) values ( 3,'天津',1)

insert tbtree (ID,Context,ParentID) values ( 4,'河北省',1)

insert tbtree (ID,Context,ParentID) values ( 5,'廣東省',1)

insert tbtree (ID,Context,ParentID) values ( 6,'廣州',5)

insert tbtree (ID,Context,ParentID) values ( 7,'四川省',1)

insert tbtree (ID,Context,ParentID) values ( 8,'成都',7)

insert tbtree (ID,Context,ParentID) values ( 9,'深圳',5)

insert tbtree (ID,Context,ParentID) values ( 10,'石家莊',4)

insert tbtree (ID,Context,ParentID) values ( 11,'遼寧省',1)

insert tbtree (ID,Context,ParentID) values ( 12,'大連',11)

insert tbtree (ID,Context,ParentID) values ( 13,'上海',1)

insert tbtree (ID,Context,ParentID) values ( 14,'天河軟件園',6)

insert tbtree (ID,Context,ParentID) values ( 15,'汕頭',5)

SET IDENTITY_INSERT tbtree off

下載Treeview控件地址
http://msdn.microsoft.com/downloads/samples/internet/ASP_DOT_NET_ServerControls/WebControls/default.asp
安裝後，通過「自定義工具箱」->「.net框架組件」把TreeView添加到工具箱裡。
新建一個項目，選擇Visual Basic.Net 工程Asp.net Web應用程序，在頁面上拖畫一個TreeView控件。

Html頁：
<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>

<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm1.aspx.vb" Inherits="Tree.WebForm1"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<title>WebForm1</title>

<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.0">

<meta name="CODE_LANGUAGE" content="Visual Basic 7.0">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

</HEAD>

<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

<FONT face="細明體">

<iewc:TreeView id="TreeView1" style="Z-INDEX: 101; LEFT: 39px; TOP: 68px" runat="server"></iewc:TreeView></FONT>

</form>

</body>

</HTML>

後台代碼：
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

Dim ds As New DataSet()

Dim CN As New SqlConnection()

Try

'初始化連接字符串

CN.ConnectionString = "data source=pmserver;initial catalog=Benchmark;persist security info=False;user id=sa;Password=sa;"

CN.Open()

Dim adp As SqlDataAdapter = New SqlDataAdapter("select * from tbTree", CN)

adp.Fill(ds)

Me.ViewState("ds") = ds

Catch ex As Exception

#If DEBUG Then

Session("Error") = ex.ToString()

Response.Redirect("error.aspx") '̀跳轉程序的公共錯誤處理頁面

#End If

Finally

'關閉連接

CN.Close()

End Try

'調用遞歸函數，完成樹形結構的生成

AddTree(0, Nothing)

End Sub

'遞歸添加樹的節點

Private Sub AddTree(ByVal ParentID As Integer, ByVal pNode As TreeNode)

Dim ds As DataSet

ds = Me.ViewState("ds")

Dim dvTree As New DataView()

dvTree = New DataView(ds.Tables(0))

'過濾ParentID,得到當前的所有子節點

dvTree.RowFilter = "PARENTID = " + ParentID.ToString

Dim Row As DataRowView

For Each Row In dvTree

Dim Node As New TreeNode()

If pNode Is Nothing Then '判斷是否根節點

'添加根節點

Node.Text = Row("ConText").ToString()

TreeView1.Nodes.Add(Node)

Node.Expanded = True

'再次遞歸

AddTree(Int32.Parse(Row("ID").ToString()), Node)

Else

'̀添加當前節點的子節點

Node.Text = Row("ConText").ToString()

pNode.Nodes.Add(Node)

Node.Expanded = True

'再次遞歸

AddTree(Int32.Parse(Row("ID").ToString()), Node)

End If

Next

End Sub

C#版本：

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 Microsoft.Web.UI.WebControls;
using System.Data.SqlClient;
namespace TreeCS
{
/// <summary>
/// WebForm1 的摘要說明
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected Microsoft.Web.UI.WebControls.TreeView TreeView1;

private void Page_Load(object sender, System.EventArgs e)
{
// 定義數據庫連接
SqlConnection CN = new SqlConnection();
try
{
//初始化連接字符串
CN.ConnectionString= "data source=pmserver;initial catalog=Benchmark;persist security info=False;user id=sa;Password=sa;";
CN.Open();

SqlDataAdapter adp = new SqlDataAdapter("select * from tbTree",CN);
DataSet ds=new DataSet();
adp.Fill(ds);
this.ViewState["ds"]=ds;
}
catch (Exception ex)
{
Session["Error"] = ex.ToString();
Response.Redirect("error.aspx"); //̀跳轉程序的公共錯誤處理頁面
}
finally
{
CN.Close();
}
//調用遞歸函數，完成樹形結構的生成
AddTree(0, (TreeNode)null);
}

//遞歸添加樹的節點
public void AddTree(int ParentID,TreeNode pNode)
{
DataSet ds=(DataSet) this.ViewState["ds"];
DataView dvTree = new DataView(ds.Tables[0]);
//過濾ParentID,得到當前的所有子節點
dvTree.RowFilter = "[PARENTID] = " + ParentID;

foreach(DataRowView Row in dvTree)
{
TreeNode Node=new TreeNode() ;
if(pNode == null)
{ //添加根節點
Node.Text = Row["ConText"].ToString();
TreeView1.Nodes.Add(Node);
Node.Expanded=true;
AddTree(Int32.Parse(Row["ID"].ToString()), Node); //再次遞歸
}
else
{ //̀添加當前節點的子節點
Node.Text = Row["ConText"].ToString();
pNode.Nodes.Add(Node);
Node.Expanded = true;
AddTree(Int32.Parse(Row["ID"].ToString()),Node); //再次遞歸
}
}
}

#region Web Form Designer generated code
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
}
}

後記：請讀者自行修改程序中的連接字符串設置。

聲明：本文版權與解釋權歸李洪根所有，如需轉載，請保留完整的內容及此聲明。
QQ: 21177563
MSN: lihonggen@hotmail.com
專欄：http://www.csdn.net/develop/author/netauthor/lihonggen0/

webasp.net