古詩詞大全網 - 成語經典 - ASP.NET入門教程 3.5.3 導航控件[4]

ASP.NET入門教程 3.5.3 導航控件[4]

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