在
年
Microsoft發布了四種ASP
NET Web控件
用於為使用 Microsoft Internet Explorer 的 Web 訪問者提供更好的體驗
這些 Web 控件稱為 Internet Explorer Web 控件
也簡稱為 IE Web 控件
包括以下四種控件
MultiPage Web 控件
TabStrip Web 控件
Toolbar Web 控件
TreeView Web 控件
這些 Web 控件通過提供 Web 訪問者熟悉的用戶界面
增強了 ASP
NET Web 頁面
例如
Toolbar Web 控件可以顯示一個與各種 Microsoft Office 產品中的工具欄相類似的可單擊工具欄
TabStrip 和 MultiPage Web 控件配合使用後可以顯示選項卡式內容
TreeView Web 控件可以用來顯示可單擊
可展開的樹中的數據
與在 Microsoft Windows? 資源管理器中用樹來顯示 PC 文件系統中的驅動器和文件夾很類似
（您可以在 GotDotNet 站點找到這些 Web 控件的生動演示
WebControl Toolbar 演示
TabStrip/MultiPage WebControl 演示和 TreeView Sample WebControl 演示
）
IE Web 控件可以在安裝了
NET Framework 版本
或
的 Web 服務器上使用
盡管 IE Web 控件是設計用來與 Internet Explorer 配合使用的
但這些 Web 控件也可以顯示在其他浏覽器中
不過
在 Internet Explorer 以外的浏覽器中
當用戶與 IE Web 控件交互時（例如展開 TreeView Web 控件中的某個節點）
會發生回傳
在 Internet Explorer
或更高版本中
IE Web 控件會發送 DHTML 代碼
從而避免了回傳的發生
也就是說
在訪問您的 Web 站點時
使用 Internet Explorer
或更高版本的訪問者將會比使用其他浏覽器的用戶獲得更好的用戶體驗
當然
沒有使用 IE
或更高版本的用戶仍可以看到 IE Web 控件
並可以與之進行交互
下面
本文將主要介紹 TreeView IE Web 控件
並討論如何使用此控件在 ASP
NET Web 頁面中顯示數據
有關其他 IE Web 控件的詳細信息
請參閱 Internet Explorer Web Controls Overview 和 Internet Explorer Web Controls Reference
安裝IE Web控件
要在 ASP
NET Web 應用程序中使用 IE Web 控件
首先必須下載控件的源代碼
然後運行一個編譯批處理文件
對源代碼進行編譯並將所需的所有文件復制到相應的 Web 應用程序目錄中
Internet Explorer Web 控件下載程序包是一個大小為
KB 的自解壓安裝文件
下載並安裝完 IE Web 控件後
將創建一個新目錄（默認為 C:\Program Files\IE Web Controls\
您也可以在安裝過程中配置此目錄）
找到這個新目錄
然後雙擊 build
bat 文件
這將創建一個新的子目錄 build
編譯 src 子目錄中的類
並將生成的程序集和支持文件復制到 build 子目錄中
運行完 build
bat 文件後
build 子目錄將包含程序集文件 Microsoft
Web
UI
WebControls
dll 和子目錄 Runtime
要在 ASP
NET Web 應用程序中使用 IE Web 控件
必須將 build\Runtime 子目錄中的內容復制到 Web 應用程序的 /webctrl_client/
_
子目錄中
並將程序集文件 (Microsoft
Web
UI
WebControls
dll) 復制到 Web 應用程序的 /bin 子目錄中
（在 IE Web 控件的 README
txt 文件中
提供了示例以及執行這些任務的命令行指令
）
IE Web控件入門
如果使用的是 Microsoft Visual Studio?
NET 來開發 ASP
NET Web 應用程序
則將 IE Web 控件添加到 ASP
NET Web 頁是件輕松的事
首先
將 IE Web 控件包含在工具箱中
要完成這項操作
請右擊 Toolbox（工具箱）
然後選擇 Customize Toolbox（自定義工具箱）選項
選擇
NET Framework Components（
NET Framework 組件）選項卡
然後單擊 Browse（浏覽）按鈕
找到 Microsoft
Web
UI
WebControls
dll 程序集文件
然後單擊 OK（確定）
這會將 MultiPage
TabStrip
Toolbar 和 TreeView 等 IE Web 控件添加到 Visual Studio
NET 工具箱中
要將以上控件中的任何一種添加到 ASP
NET Web 頁中
只需要將相應的控件從工具箱拖放到設計器中即可
要在內含代碼的類中使用 IE Web 控件
首先需要右擊 Reference（引用）
然後選擇 Add Reference（添加引用）
將引用添加到 Microsoft
Web
UI
WebControls
dll 程序集中
然後
在內含代碼的類中
如果使用的是 C#
則添加 using Microsoft
Web
UI
WebControls
如果使用的是 Microsoft Visual Basic
NET
則添加 Imports Microsoft
Web
UI
WebControls
如果不是使用 Visual Studio
NET 作為 ASP
NET Web 應用程序編輯器
則需要在 ASP
NET Web 頁的頂端手動添加以下 @Register 指令
＜%@ Register TagPrefix=\whateverNamespace=\Microsoft
Web
UI
WebControlsAssembly=\Microsoft
Web
UI
WebControls\ %＞
然後
將IE Web控件添加到Web頁中
可以使用以下語法
＜whatever:WebControlName runat=\server\
＞
＜/whatever:WebControlName＞
例如
要添加 TreeView 控件
可以在頁面頂端添加以下 @Register 指令
＜%@ Register TagPrefix=\iewcNamespace=\Microsoft
Web
UI
WebControlsAssembly=\Microsoft
Web
UI
WebControls\ %＞
接著
在ASP
NET Web頁中希望顯示TreeView的位置添加以下Web控件語法
＜iewc:TreeView runat=\server\
＞
＜/iewc:TreeView＞
TreeView IE Web 控件入門
當 TreeView IE Web 控件在訪問者浏覽器中顯示時
會顯示一棵樹
此樹與 Windows 資源管理器中的樹非常類似
不同的是
TreeView 可以由任意多個 TreeNode 對象組成
每個 TreeNode 對象都可以關聯文本和圖像
另外
TreeNode 還可以顯示為超鏈接並與某個 URL 相關聯
每個 TreeNote 還可以包括任意多個子 TreeNote 對象
包含 TreeNode 及其子節點的層次結構構成了 TreeView 控件所呈現的樹結構
假設您要構建一個用於顯示家譜的 TreeView 控件
由於信息基本上不需要改動
因此您可能希望靜態地指定 TreeView 結構
如果使用的是 Visual Studio
NET
則靜態指定 TreeView 結構就像填寫幾份表格一樣簡單
首先
通過將 TreeView 控件從工具箱拖放到設計器中
將新的 TreeView 控件添加到 ASP
NET Web 頁中
然後
將 TreeView 控件的 ID 屬性設置為 tvFamilyTree
現在
要靜態指定組成 TreeView 的 TreeNode
請從 Properties（屬性）窗格中選擇 Nodes（節點）屬性
然後單擊此屬性右側的省略號按鈕
這時將顯示 TreeNodeEditor（TreeNode 編輯器）對話框
現在可以將新的 TreeNode 添加到 TreeView 中
填充 TreeNodeEditor（TreeNote 編輯器）對話框後
以下標記將被添加到 ASP
NET Web 頁的
aspx 部分
＜ie:TreeView id=\tvFamilyTree\ runat=\server\＞
＜ie:TreeNode Text=\John Smith\＞
＜ie:TreeNode Text=\Born: Jan
rd
\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Died: Feb
\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Spouse\＞
＜ie:TreeNode Text=\Marie Ellsworth\＞
＜ie:TreeNode Text=\Born: Aug
\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Died: Unknown\＞＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜ie:TreeNode Text=\Children\＞
＜ie:TreeNode Text=\John Smith
Jr
\＞
＜ie:TreeNode Text=\Born: July
\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Died: Sept
\＞＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜ie:TreeNode Text=\Mary Smith\＞
＜ie:TreeNode Text=\Born: June
\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Died: Aug
\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Spouse\＞
＜ie:TreeNode Text=\Edward Joy\＞
＜ie:TreeNode Text=\Born: Unknown\＞＜/ie:TreeNode＞
＜ie:TreeNode Text=\Died: Aug
\＞＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜ie:TreeNode Text=\Children\＞
＜ie:TreeNode Text=\Michael Joy\＞
＜ie:TreeNode Text=\Born: Oct
\＞＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜ie:TreeNode Text=\Michele Joy\＞
＜ie:TreeNode Text=\Born: May
\＞＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeNode＞
＜/ie:TreeView＞
如果不是使用 Visual Studio
NET 作為編輯器
則需要將此內容手動添加到 ASP
NET Web 頁
當通過浏覽器查看 ASP
NET Web 頁時
將顯示一棵可展開的樹
默認情況下
將僅顯示根節點
您可以設置 TreeNote 的 Expanded 屬性
以指示首次查看此頁面時該 TreeNote 應為展開狀態
除了文本標簽以外
TreeNote 還可以關聯圖像
尤其值得說明的是
每個 TreeNote 可以關聯三幅圖像
當 TreeNote 處於標准（折疊）狀態時顯示一幅圖像
當 TreeNot
From:http://tw.wingwit.com/Article/program/net/201311/12788.html
