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

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

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

    有三個創意新穎的控件用於站點的導航使用它們只需要很少的工作就可以實現豐富的功能與使用舊版ASPNET開發人員的情況相比這是一個非常大的改進──以前在任務列表中每一項都需要耗費開發人員數小時的工作現在只需要數秒鐘的時間!MenuTreeView和SiteMapPath控件是ASPNET 的新控件它們的使用快捷而簡單下面逐個查看這些控件在本節後面將向Wrox United站點添加這些控件

    SiteMapPath控件

    這個控件用於為站點添加breadcrumb功能幫助用戶查看位於站點中的什麼層次結構Wrox United站點演示了這個功能

    術語breadcrumb很可能來源於一個古老的童話Hansel and Gretel兩個孩子到深林中探險他們在身後留下一串面包碎屑以便能找到回家的路當用戶單擊浏覽站點的頁面時可能會移動到不同的區域或子區域直到經由數個鏈接深入到應用程序內部breadcrumb可以幫助用戶返回到浏覽路徑上的某個點而不用依賴於浏覽器的返回按鈕您可能遇到過這樣的情況使用返回按鈕無法返回某個鏈接──相當於烏鴉吃掉了留在地上的面包屑有些頁面以一種獨特的方式向服務器提交信息如果不再次提交信息將無法返回這個頁面

    Internet上的很多站點都提供breadcrumb功能Wrox United就是一個如圖所示然而為了向站點添加其中某個控件必須首先創建WebSiteMap文件已經有這個文件啦?是的!(如果沒有需要返回到第章學習怎樣創建該文件!)

    在創建WebSiteMap文件之後添加SiteMapPath控件並查看結果就很容易了──所需做的就是在頁面上添加該控件要在Wrox United站點中添加這個控件最好是把它添加到Master頁面這樣所有的Content頁面都同時獲得了導航的功能!

    在下一個試一試需要使用Wrox United應用程序的Chapter版本(保存在下載代碼的Chapter文件夾內名稱是WroxUnited)作者已經修改了這個版本從而使您可以完成這些練習

    如果打開第章的WroxUnited應用程序將會看到畫面如果所看到的不同不用擔心──VWD在顯示使用CSS的頁面時有些問題所以不用滾動就可以看到大部分網頁

    雖然這個站點看起來很正常但缺少兩樣東西頁面左邊的鏈接和頁面底部的breadcrumb在下面的試一試中將為站點添加這兩項內容並查看添加導航功能是多麼簡單

    ()打開第章的Wrox United應用程序(C:\BegASPNET\Chapters\Begin\ Chapter\WroxUnited)並打開sitemaster文件確保位於Design View中

    ()將光標放置在頁面底部的Breadcrumbs div內部──它是頁面右下方的紅色物體當在窗口右下方看到<div#breadcrumbs>以高亮顯示時表示找到了正確的控件

    ()現在從工具箱的Navigation區將SiteMapPath控件拖放到Breadcrumbs div內

    ()忽略該控件的Common Task菜單──這裡只需要修改控件的名稱確保選中SiteMapPath控件並在Properties面板中將其ID修改為crumbs注意在圖中鼠標光標高亮顯示該控件的ID屬性

ASPNET 入門教程完整版 

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


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