程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> 在.NET開發中靈活使用TreeView控件

在.NET開發中靈活使用TreeView控件

編輯:關於ASP.NET

      ASP.NET真正有用的特性就是其可擴充性。世界各地的開發人員都可以創建自己的自定義控件,這種自定義控件可以方便地在你自己的過程中進行定義。其中,Internet Explorer Web Controls就是由微軟公司在標准的ASP.NET控件之外創建的這樣一個集合。

      Windows資源管理器中的驅動器和其下的文件及文件夾就是按照一種層次結構來安排的,在這個控件集中有一個treeview控件為我們提供了一種按層次結構顯示信息的方式。treeview控件包含了稱做“節點”(node)的一些條目的一個列表。每一個節點都可以有自己的節點集合,從而提供了一種更深層的數據定義。每個節點都可以被折疊起來,從而允許訪問者在一個treeview控件中查找,只看他所感興趣的那一級的數據。就像Windows的資源管理器一樣。

      首先得明確一點就是測試的環境,只要環境正確,接下來的工作就很輕松了:

      要測試該控件,得有一個叫IE WebControls的文件,具體的文件可以點擊這裡下載或到微軟的網站去下載。

      按照他提供的方法進行安裝。如有不清楚,請仔細看清楚他的readme文檔。

      這裡跳過下載方法,直接進入環境的配置:

      IE Web Controls

      1、雙擊安裝完成,默認:系統盤:program filesIE Web Controls目錄下。

      2、運行“程序——Microsoft Visual Studio.NET 2003 ——Visual Studio.NET 工具 ——Microsoft Visual Studio.NET 2003 命令提示符”,進入到IE Web Control 安裝目錄。

      3、運行build.bat 。

      4、運行xcopy /s /i .buildRuntime (網站根目錄,默認系統盤):Inetpubwwwrootwebctrl_client1_0 /y 。

      在”工具箱——web窗體“單擊右鍵,選擇“添加/移除項...”,在彈出對話框中選擇.net framwork 組件,單擊“浏覽”,找到IE WebControl.dll 文件,添加上即可。

      這樣就配置好了運行環境。接下來進行實操作階段了。

      一、定義TreeView控件

      代碼拷貝框

    '導入名稱空間
    <%@ import namespace="Microsoft.web.UI.webcontros"%>
    '注冊這個名稱空間並為其給定一個TagPrefix,以便於對這個控件庫中的控件進行定義
    <%@ register tagprefix = "iecontrols"
    namespace="Microsoft.web.UI.webcontrols"
    assembly="microsoft.web.UI.webcontrols"
    %>
    '設置好指令後,就可以定義下面這樣的一個treeview控件了
    <iecontrols:treeview
    id="tvbasic"
    autoselect="false"
    shoplus="true"
    showlines="true"
    expandlevel=2
    runat="server"

    ----------
    </idcontrols:treeview>

      下面來解釋一下相應代碼:

    autoselect = "false"

      當訪問者在TreeView控件中對節點進行定位時,可以使用鍵盤上的箭頭來進行這種定位.當這個TreeView控件的autoselect屬性值設為TRUE時,可以使用鍵盤上的鍵來在treeview控件中滾動,以選聶一個條目.如果設置為false的話,則不允許這樣做.

    showplus="true"

      當一個treeview控件中的兩個節點收到一起的時候,你可以顯示一個加號(+),訪問者就知道這個節點可以展開.通過設置showplus屬性,你可以控制在這個位置是否顯示加號.如果這個屬性值設為true將使用加號;否則不使用.

    showlines="true"

      在一個treeview控件中的兩個節點之間,可以顯示一些線條,通過設置showlines屬性,你可以控制是否顯示這樣的線條.

    Expandlevel=2

      這個Treeview控件的Expandlevel屬性用來確定在默認的情況下,沿著這個treeview控件的層次結構展開的級別數.

    <iecontrols:treeview>
    ---------
    </iecontrols:treeview>

      在這個treeview控件定義的開始和結束標記之間,可以定義一些treenode控件.

      二、在treeview控件中使用treenode控件

      如果你創建一個treeview控件的話,就需要在其中添加一些treenode控件來顯示一些信息.treenode控件顯示為treeview控件的層次結構中的一個項.treenode控件可以包含了treeview控件;或者,該控件本身也可以獨立存在.下面將向你展示如何在一個treeview控件中定義treenode控件.

      本實例將顯示我喜歡的一些網站,其中每個網站可以是一個獨立的,或者在其下還有其它網站.這個treeview控件具有如下定義:

      代碼拷貝框

    <iecontrols:treeview
    id="tvwebsite"
    autoselect ="false"
    showplus="true"
    showlines="true"
    expandlevel=2
    runat = "server"

    '接下來在treeview控件的開始和結束標記中,定義treenode控件
    <iecontrols:treenode text="我常去的站點">
    <idcontrols:treenode text="設計類站點">
    <idcontrols:treenode text="藍色理想" />
    <idcontrols:treenode text="有風的日子" />
    <idcontrols:treenode text="設計聯盟" />
    </iecontrols:treenode>
    <iecontrols:treenode text="編程類站點">
    <iecontrols:treenode text="ASP編程">
    <iecontrols:treenode text="ASP COOL" />
    <iecontrols:treenode text=""/>
    </iecontrols:treenode>
    <iecontrols:treenode text="ASP.NET編程">
    <iecontrols:treenode text="Dotnet技術網" />
    <iecontrols:treenode text="asp.net"/>
    </iecontrols:treenode>
    <iecontrols:treenode text="程序員大本營" />
    </iecontrols:treenode>
    </iecontrols:treenode>

      其中,定義了一個兩級的節點.這個樹狀視圖中包含了"設計類站點"和"編程類站點"這二個大節點,而"編程類站點"中又有兩個子節點"ASP編程"和"asp.net編程",其中每個子節點又都定義了其他的節點.

      要注意包含其他節點的treenode控件和獨立的treenode控件之間的差別.當一個treenode控件中還有其它treenode控件時,這些子控件在其父控件的開始和結束標記之間進行定義:

    <iecontrols:treenode text="">
    </iecontrols:treenode>

      但對於一個獨立的treenode控件來說,其開始和結束標記是自包含的:

    <iecontrols:treenode text="" />

      當頁面首次加載時,這就是整個視圖節點的展開情況.由於這裡的expandlevel屬性值設為2,因此將顯示到所有級別上的節點.此外還要注意的是,由於showlines屬性和showplus屬性都為true,因此在所有顯示的這個視圖中,連接節點間的線條和連接框都顯示出來.

       "我常去的站點"是當前選中的節點項.訪問者可以敲擊回車,或者在這個節點上點擊鼠標.然後,訪問者可以使用鍵盤上的箭頭來沿著樹狀視圖的層次結構進行定位。

    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved