本篇要講述的知識點如下:
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>