熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

ASP.NET中使用TreeView控件系列

2013-11-13 10:10:23  來源: .NET編程 

  在Microsoft發布了四種ASPNET Web控件用於為使用 Microsoft Internet Explorer 的 Web 訪問者提供更好的體驗這些 Web 控件稱為 Internet Explorer Web 控件也簡稱為 IE Web 控件包括以下四種控件
  
  MultiPage Web 控件
  TabStrip Web 控件
  Toolbar Web 控件
  TreeView Web 控件
  
  這些 Web 控件通過提供 Web 訪問者熟悉的用戶界面增強了 ASPNET 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 控件並討論如何使用此控件在 ASPNET Web 頁面中顯示數據有關其他 IE Web 控件的詳細信息請參閱 Internet Explorer Web Controls Overview 和 Internet Explorer Web Controls Reference
  
  安裝IE Web控件
  
  要在 ASPNET Web 應用程序中使用 IE Web 控件首先必須下載控件的源代碼然後運行一個編譯批處理文件對源代碼進行編譯並將所需的所有文件復制到相應的 Web 應用程序目錄中Internet Explorer Web 控件下載程序包是一個大小為 KB 的自解壓安裝文件
  
  下載並安裝完 IE Web 控件後將創建一個新目錄(默認為 C:\Program Files\IE Web Controls\您也可以在安裝過程中配置此目錄)找到這個新目錄然後雙擊 buildbat 文件這將創建一個新的子目錄 build編譯 src 子目錄中的類並將生成的程序集和支持文件復制到 build 子目錄中
  
  運行完 buildbat 文件後build 子目錄將包含程序集文件 MicrosoftWebUIWebControlsdll 和子目錄 Runtime要在 ASPNET Web 應用程序中使用 IE Web 控件必須將 build\Runtime 子目錄中的內容復制到 Web 應用程序的 /webctrl_client/_ 子目錄中並將程序集文件 (MicrosoftWebUIWebControlsdll) 復制到 Web 應用程序的 /bin 子目錄中(在 IE Web 控件的 READMEtxt 文件中提供了示例以及執行這些任務的命令行指令
  
  IE Web控件入門
  
  如果使用的是 Microsoft Visual Studio? NET 來開發 ASPNET Web 應用程序則將 IE Web 控件添加到 ASPNET Web 頁是件輕松的事首先將 IE Web 控件包含在工具箱中要完成這項操作請右擊 Toolbox(工具箱)然後選擇 Customize Toolbox(自定義工具箱)選項選擇 NET Framework Components(NET Framework 組件)選項卡然後單擊 Browse(浏覽)按鈕找到 MicrosoftWebUIWebControlsdll 程序集文件然後單擊 OK(確定)這會將 MultiPageTabStripToolbar 和 TreeView 等 IE Web 控件添加到 Visual Studio NET 工具箱中要將以上控件中的任何一種添加到 ASPNET Web 頁中只需要將相應的控件從工具箱拖放到設計器中即可
  
  要在內含代碼的類中使用 IE Web 控件首先需要右擊 Reference(引用)然後選擇 Add Reference(添加引用)將引用添加到 MicrosoftWebUIWebControlsdll 程序集中然後在內含代碼的類中如果使用的是 C# 則添加 using MicrosoftWebUIWebControls如果使用的是 Microsoft Visual Basic NET則添加 Imports MicrosoftWebUIWebControls
  
  如果不是使用 Visual Studio NET 作為 ASPNET Web 應用程序編輯器則需要在 ASPNET Web 頁的頂端手動添加以下 @Register 指令
  
  <%@ Register TagPrefix=\whateverNamespace=\MicrosoftWebUIWebControlsAssembly=\MicrosoftWebUIWebControls\ %>
  
  然後將IE Web控件添加到Web頁中可以使用以下語法
  
  <whatever:WebControlName runat=\server\
  
  
  </whatever:WebControlName>
  
  例如要添加 TreeView 控件可以在頁面頂端添加以下 @Register 指令
  
  <%@ Register TagPrefix=\iewcNamespace=\MicrosoftWebUIWebControlsAssembly=\MicrosoftWebUIWebControls\ %>
  
  接著在ASPNET 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 控件添加到 ASPNET Web 頁中然後將 TreeView 控件的 ID 屬性設置為 tvFamilyTree
  
  現在要靜態指定組成 TreeView 的 TreeNode請從 Properties(屬性)窗格中選擇 Nodes(節點)屬性然後單擊此屬性右側的省略號按鈕這時將顯示 TreeNodeEditor(TreeNode 編輯器)對話框現在可以將新的 TreeNode 添加到 TreeView 中
  
  填充 TreeNodeEditor(TreeNote 編輯器)對話框後以下標記將被添加到 ASPNET 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 作為編輯器則需要將此內容手動添加到 ASPNET Web 頁當通過浏覽器查看 ASPNET Web 頁時將顯示一棵可展開的樹默認情況下將僅顯示根節點您可以設置 TreeNote 的 Expanded 屬性以指示首次查看此頁面時該 TreeNote 應為展開狀態
  
  除了文本標簽以外TreeNote 還可以關聯圖像尤其值得說明的是每個 TreeNote 可以關聯三幅圖像當 TreeNote 處於標准(折疊)狀態時顯示一幅圖像當 TreeNot
From:http://tw.wingwit.com/Article/program/net/201311/12788.html
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.