淺析樹形控件在ＡＳＰ．ＮＥＴ中的使用

劉雄軍　寧云智

[摘 要]在上網(wǎng)時經(jīng)常會看到一些網(wǎng)站在左邊采用類似資源管理器的樹形結(jié)構(gòu),單擊樹形結(jié)構(gòu)中的分支,相應(yīng)的內(nèi)容將在右邊顯示,層次清晰且方便快捷,本文主要介紹TreeView控件在ASP.NET中的應(yīng)用,旨在對想在網(wǎng)站上使用樹形結(jié)構(gòu)的讀者提供幫助。

[關(guān)鍵詞]TreeView 數(shù)據(jù)庫連接 數(shù)據(jù)綁定 樹形控件 控件

一、概述

TreeView是一個重要的控件,無論是在VB.NET,C# 還是VB、Delphi等各種語言中,都充當(dāng)了導(dǎo)航器的作用。在實(shí)際工作中,很多情況下需要將TreeView與數(shù)據(jù)庫進(jìn)行連接,以填充其節(jié)點(diǎn)。在Windows Form和Web Form中,我們可以用TreeView來顯示樹形結(jié)構(gòu),如顯示目錄樹、顯示地區(qū)、分類顯示商品等。可以說,在大部分軟件的開發(fā)中,TreeView都是一個不可缺少的展示控件。因此,樹形結(jié)構(gòu)的設(shè)計就成了軟件開發(fā)人員一個永恒的話題。

二、在Visual Studio .NET 2003中添加樹形控件

(一)安裝TreeView控件。從網(wǎng)上下載IEWebControls文件,并安裝,注意其安裝目錄的位置。

(二)更改“build.bat”文件的屬性。打開其安裝目錄,右擊“bulid.bat”文件,選擇“屬性”,打開“build.bat屬性”對話框,取消“只讀”屬性。

(三)查找“csc.exe”文件的路徑。“csc.exe”為系統(tǒng)文件,默認(rèn)的路徑為“C:WINDOWSMicrosoft.NETFrameworkv1. 1.4322”。

(四)修改“build.bat”文件。右擊“bulid.bat”文件,選擇“編輯”,打開“build.bat”文件,如圖1如所。csc.exe的路徑與上一步查詢得到的路徑是否相同,若不相同則改之,修改之后保存文件。

(五)執(zhí)行“build.bat”文件。雙擊“build.bat”文件,安裝目錄將生成一個“build”文件夾,此文件夾下的文件就是我們使用樹形控件時要用到的文件。

(六)復(fù)制文件到ASP.NET主目錄下。將“C:Program FilesIE Web Controls uild”下“runtime”文件夾下所有內(nèi)容復(fù)制到主目錄“webctrl_client1_0”下,如果主目錄下沒有“webctrl_client 1_0”文件夾,則創(chuàng)建此路徑的文件夾。

(七)復(fù)制“Microsoft.Web.UI.Web Controls.dll”文件。將“C:Program FilesI E Web Controlsuild”下“Microsoft.Web. UI.WebControls.dll”文件復(fù)制到主目錄。

(八)將樹形控件添加到工具箱。打開Microsoft Visual Studio .NET,右擊工具箱,選擇“添加/移除項…”,打開“自定義工具箱”,單擊“瀏覽”按鈕,選擇“Microsoft.Web.UI.WebControls.dll”文件,單擊“確定”,TreeView控件將添加到工具箱中。

三、樹形控件在ASP.NET中的應(yīng)用

TreeView控件中的數(shù)據(jù)來源有三種方式:界面設(shè)計時在TreeView設(shè)計器或者代碼中直接填充TreeView控件、從XML文件中建立樹形結(jié)構(gòu)和從數(shù)據(jù)庫中得到數(shù)據(jù),建立樹形結(jié)構(gòu)。前兩種相對來說較簡單,這里就不介紹了,這里重點(diǎn)介紹從數(shù)據(jù)庫中得到數(shù)據(jù)。

一般來講,我們的應(yīng)用程序多數(shù)是基于數(shù)據(jù)庫的。采用從數(shù)據(jù)庫中得到數(shù)據(jù)的這種方式,增加、修改、刪除一顆樹的節(jié)點(diǎn)很方便,只要操作數(shù)據(jù)庫中的數(shù)據(jù)就可以了。而且,這種方式可以和數(shù)據(jù)庫中的其它表做關(guān)聯(lián)、查詢和匯總,通過設(shè)計視圖或存儲過程,很容易查詢出你想要的相關(guān)數(shù)據(jù)。

(一)數(shù)據(jù)庫設(shè)計

我們在SQL SERVER 2000里建立一個表Tree_Tb,表的結(jié)構(gòu)設(shè)計如下:

關(guān)于Depth(深度)字段,主要是存放節(jié)點(diǎn)的層數(shù),也就是說這個節(jié)點(diǎn)在樹中的哪個層。有Depth(深度)字段,我們編程時會比較方便,在SQL查詢時只有加一個where條件就可以查詢出當(dāng)前深度的層的所有節(jié)點(diǎn)。如果我們不設(shè)計Depth(深度)字段,同樣可以做類似的查詢,這就需要在后臺的SQL 查詢中用循環(huán)處理?；蛘?你可以不在后臺數(shù)據(jù)庫服務(wù)器端處理,把這些處理放在前臺。

建數(shù)據(jù)表的腳本如下:

CREATE TABLE [dbo].[Tree_Tb] ( [ID] [int] NOT NULL , [Context] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,[ParentID] [int] NULL ,[depth] [int] NULL ) ON [PRIMARY]

在表中添加數(shù)據(jù),如下代碼所示:

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

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

insert Tree_Tb (ID,Context,ParentID,depth)values ( 3,'湖南省',1,1)

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

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

insert Tree_Tb (ID,Context,ParentID,depth)values ( 6,'廣州',5,2)

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

insert Tree_Tb (ID,Context,ParentID,depth)values ( 8,'成都',7,2)

insert Tree_Tb (ID,Context,ParentID,depth)values ( 9,'長沙',3,2)

insert Tree_Tb (ID,Context,ParentID,depth)values ( 10,'石家莊',4,2)

insert Tree_Tb (ID,Context,ParentID,depth)values ( 11,'株洲',3,2)

insert Tree_Tb (ID,Context,ParentID,depth)values ( 12,'湘潭',3,2)

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

數(shù)據(jù)內(nèi)容如圖2所示。

(二)在ASP.NET中的實(shí)現(xiàn)

在ASP.NET中實(shí)現(xiàn)將數(shù)據(jù)庫數(shù)據(jù)綁定到樹形控件的思路是:從數(shù)據(jù)庫中查詢到所有節(jié)點(diǎn)的記錄,添加到DataView中,利用DataView的.RowFilter屬性得到某個父節(jié)點(diǎn)編號ParentID下的所有記錄,依次遞歸循環(huán)。程序代碼如下。

Private ds As New DataSet ()

' AddTree遞歸函數(shù)每次都要用到數(shù)據(jù)集中的一個表,所以定義成private

Private Sub Form1_Load

(ByVal sender As System.Object,

ByVal e As System.EventArgs) Handles MyBase.Load

' '定義數(shù)據(jù)庫連接

Dim CN As New SqlConnection()

Try

'初始化連接字符串

CN.ConnectionString = “server=.;database=pubs; user id=sa;Password=sa;” CN.Open()

'添加命令,從數(shù)據(jù)庫中得到數(shù)據(jù)

Dim sqlCmd As New SqlCommand()

sqlCmd.Connection = CN

sqlCmd.CommandText = "select * from Tree_Tb"

sqlCmd.CommandType = CommandType.Text

Dim adp As SqlDataAdapter = New SqlDataAdapter(sqlCmd)

adp.Fill(ds)

Catch ex As Exception

MsgBox(ex.Message)

Finally

'關(guān)閉連接

CN.Close()

End Try

'調(diào)用遞歸函數(shù),完成樹形結(jié)構(gòu)的生成

AddTree(0, Nothing)

End Sub

'遞歸添加樹的節(jié)點(diǎn)

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

Dim Node As TreeNode

Dim dvTree As New DataView()

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

'過濾ParentID,得到當(dāng)前的所有子節(jié)點(diǎn)

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

Dim Row As DataRowView

For Each Row In dvTree

If pNode Is Nothing Then'判斷是否根節(jié)點(diǎn)

'添加根節(jié)點(diǎn)

Node = TreeView1.Nodes.Add(Row("context").ToString())

'再次遞歸

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

‘添加當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)

Node = pNode.Nodes.Add(Row("context").ToString())

'再次遞歸

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

End If

Node.EnsureVisible()

Next

End Sub

執(zhí)行上面的程序就可以看到將數(shù)據(jù)庫的數(shù)據(jù)綁定到了樹形控件。

四、結(jié)束語

TreeView是一個重要的導(dǎo)航控件,希望本文的介紹能對想在網(wǎng)站上使用樹形結(jié)構(gòu)的讀者有所幫助。

參考文獻(xiàn)

[1]Microsoft Visual Studio 。NET 2003文檔

[2]MSDN Library Visual Studio。NET

[3]黃志超,李婷婷Visual Basic。NET項目開發(fā)實(shí)踐

[4]楊帆,趙義霞。ASP.NET技術(shù)與應(yīng)用

[5]Sanjew Rohilla,Senthil NathanADO.NET專業(yè)項目實(shí)例開發(fā)。陳君,王寶良譯,中國水利水電出版社,2003