Menu控件
Menu控件提供靜態和動態混合的菜單功能 在向頁面添加這個控件的時候 開發人員可以選擇將它設置為壹個完全動態的菜單 以便整個站點的導航結構都可以顯示在菜單中 類似於Windows的Start菜單 另壹種選擇是 可以采取壹種更傳統的方法 可使用固定菜單 或者使用混合這兩種功能的方法 動態菜單使用由ASP NET產生的客戶端JavaScript代碼(同樣 不需要開發人員輸入任何代碼)
為了向站點添加Menu控件 首先必須添加SiteMapDataSource控件 這個控件指定了菜單可以顯示的鏈接以及這些鏈接出現的順序 在下面的 試壹試 中 將在壹個基於WroxUnited應用程序的示例中添加這兩個控件
( )打開Site Master文件並切換到Design View 將光標放在頁面左邊的nav div中
( )在將壹個SiteMapDataSource控件拖放到nav div 內的頁面上(該控件位於工具箱的Data面板上) 並在屬性窗口中將該控件命名為siteData
所有的鋪墊工作已經完成──接下來 將添加Menu控件本身
( )將Menu控件拖放到緊靠SiteMapDataSource控件右邊緣的地方 您將看到壹個彈出的對話框 ──這是Smart Tasks窗口
在這個對話框中 選擇在第 步中創建的siteData數據源 在完成該設置之後 菜單將改變
( )單擊菜單右上角的小箭頭關閉該菜單 現在 選中Menu控件並在屬性窗口中將它的StaticDisplayLevels屬性設置為 您將會立即看到變化
( )在該控件能以在完整版本的Wrox United站點中的方式工作之前 需要設置它的壹些屬性值 切換到Source View並在代碼中添加如下屬性
?
?<asp:Menu ID= Menu runat= server DataSourceID= siteData StaticDisplayLevels=
? orientation= Vertical
? StaticSubMenuIndent=
? disappearafter=
? AccessKey= m ?
? EnableViewState= false
>
<DynamicMenuStyle CssClass= dynamicMenu />
<DynamicMenuItemStyle CssClass= dynamicMenuItem />
? </asp:menu>( )現在再次運行站點(按下Ctrl+F )不帶調試功能啟動站點
註意可以將鼠標光標停留在About鏈接上 片刻之後壹個包括History頁面的子菜單將顯示出來 這就是動態菜單的最佳形式──很不錯吧!
lishixinzhi/Article/program/net/201311/15099