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

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

2013-11-13 11:04:15  來源: .NET編程 

    Menu控件

    Menu控件提供靜態和動態混合的菜單功能在向頁面添加這個控件的時候開發人員可以選擇將它設置為一個完全動態的菜單以便整個站點的導航結構都可以顯示在菜單中類似於Windows的Start菜單另一種選擇是可以采取一種更傳統的方法可使用固定菜單或者使用混合這兩種功能的方法動態菜單使用由ASPNET產生的客戶端JavaScript代碼(同樣不需要開發人員輸入任何代碼)

    為了向站點添加Menu控件首先必須添加SiteMapDataSource控件這個控件指定了菜單可以顯示的鏈接以及這些鏈接出現的順序在下面的試一試將在一個基於WroxUnited應用程序的示例中添加這兩個控件

    ()打開SiteMaster文件並切換到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頁面的子菜單將顯示出來這就是動態菜單的最佳形式──很不錯吧!

[]  []  []  []  []  []  


From:http://tw.wingwit.com/Article/program/net/201311/15099.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.