1. 程式人生 > 實用技巧 >asp.net夜話之十:複合控制元件和母板頁(上)

asp.net夜話之十:複合控制元件和母板頁(上)

本篇要講述的知識點如下:
TreeView控制元件
MultiView控制元件
Javascript方式的選項卡
WiZard控制元件
MasterPage母板頁 TreeView控制元件
在我們的開發中經常會遇到一些有樹形層次關係的資料,比如顯示無限級分類和顯示某個檔案下的所有檔案及資料夾,對於這些帶有樹形層次關係的資料的顯示用TreeView控制元件是一個比較不錯的選擇。TreeView控制元件支援資料繫結也支援以程式設計的方式動態新增節點。在TreeView控制元件中每個節點都是一個TreeNode物件,我們可以通過TreeNode物件的Nodes屬性來新增其它的TreeNode物件,使之成為這個TreeNode物件的子節點。
TreeView物件有以下常見屬性: 屬性名說明
CheckedNodes獲取選中了複選框的節點
CollapseImageUrl節點摺疊時的圖象
DataSource繫結到TreeView控制元件的資料來源
DataSourceID繫結到TreeView控制元件的資料來源控制元件的ID
EnableClientScript是否允許客戶端處理展開和摺疊事件
ExpandDepth第一次顯示時所展開的級數
ExpandImageUrl節點展開的時的圖象
NoExpandImageUrl不可摺疊(即無位元組點)的節點的圖象
PathSeparator節點之間的值的路徑分隔符
SelectedNode當前選中的節點
SelectedValue當前選中的值
ShowCheckBoxes是否在節點前顯示覆選框 下面是一個簡單的例子。我們的資料都是從一個XML檔案中讀取的,並將它的節點通過程式碼的方式新增到TreeView控制元件中。這個XML檔案的物理檔名為area.xml,與下面的asp.net在同一個資料夾下,它的內容如下: <?xml version="1.0" encoding="utf-8" ?>
<Area>
<Province iAreaID ="1" cAreaName="北京市"/>
<Province iAreaID
="2" cAreaName="上海市"/>
<Province iAreaID ="3" cAreaName="天津市"/>
<Province iAreaID ="4" cAreaName="重慶市"/>
<Province iAreaID ="5" cAreaName="湖北省">
<City iAreaID ="51" cAreaName="武漢市"/>
<City iAreaID ="52" cAreaName="黃岡市" />
<City iAreaID ="53" cAreaName="荊州市"/>
<City iAreaID ="54" cAreaName="武穴市" />
<City iAreaID ="55" cAreaName="十堰市"/>
<City iAreaID ="56" cAreaName="黃石市" />
</Province>
<Province iAreaID ="6" cAreaName="河北省">
<City iAreaID ="61" cAreaName="石家莊市"/>
<City iAreaID ="62" cAreaName="唐山市" />
</Province>
<Province iAreaID ="7" cAreaName="山西省">
<City iAreaID ="71" cAreaName="太原市" />
<City iAreaID ="72" cAreaName="大同市" />
</Province>
</Area>