ASP.NET 2.0 - Navigasyon (Navigation)

Ang ASP.NET 2.0 ay may nakalipas na kontrol ng pagsasalayok ng navigasyon.

Navigation ng Websayt

Ang pagpapanatili ng navigation menu sa malaking websayt ay mahirap at mabigat ng oras.

Sa ASP.NET 2.0, ang menu ay maaaring ilagay sa file, upang mas madali itong mapanatili. Ang pangalang file na ginagamit ay web.sitemapna nakalagay sa pangunahing direktoryo ng websayt.

Bilang karagdagan, ang ASP.NET 2.0 ay may tatlong bagong kontrol ng pagsasalayok ng navigasyon:

  • Dinamikong menus
  • TreeViews
  • Path ng Site Map

Sitemap na File

Ang tutorial na ito ay gumagamit ng sumusunod na sitemap na file (mapa ng websayt):

<?xml version="1.0" encoding="ISO-8859-1" ?>
<siteMap>
  <siteMapNode title="Home" url="/aspnet/w3home.aspx">
  <siteMapNode title="Services" url="/aspnet/w3services.aspx">
    <siteMapNode title="Training" url="/aspnet/w3training.aspx"/>
    <siteMapNode title="Support" url="/aspnet/w3support.aspx"/>
  </siteMapNode>
  </siteMapNode>
</siteMap>

Ang mga patakaran sa paglikha ng sitemap na file:

  • Ang XML na file ay dapat na magkaroon ng <siteMap> na tag na nakapalibot sa nilalaman
  • Ang <siteMap> na tag ay maaaring magkaroon lamang ng isang <siteMapNode> na anak na node ("home" page)
  • Ang bawat <siteMapNode> ay maaaring magkaroon ng maraming mga anak na node (web pages)
  • Ang bawat <siteMapNode> ay mayroong mga attribute na nagtatalaga ng pamagat ng pahina at URL

Paliwanag:Ang sitemap na file ay dapat na maglalagay sa pangunahing direktoryo ng websayt, ang attribute ng URL ay dapat na kumikita ng kahalagahan sa pangunahing direktoryo.

Dinamikong Menu

Ang <asp:Menu> na kontrol ay maaaring ipakita ang pangkaraniwang menu ng pagsasalayok ng websayt.

ตัวอย่างรหัสเช่น

<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>

Sa mga halimbawa na ito <asp:Menu> ควบคุมเป็นตัวมาตราที่ใช้ในการสร้างเมนูนำทางของเซิร์ฟเวอร์

ข้อมูลที่ควบคุมโดยควบคุม คุณสมบัติ DataSourceIdนิยามid="nav1" เชื่อมโยงมันไปยัง ควบคุม <asp:SiteMapDataSource>.

ควบคุม <asp:SiteMapDataSource>จะเชื่อมโยงโดยอัตโนมัติไปยังแบบแบ่งปัน sitemap โดยเริ่มต้นweb.sitemap)。

คลิกที่นี่เพื่อดู DEMO ของ Menu.

TreeView

ควบคุม <asp:TreeView> สามารถแสดงเมนูนำทางหลายระดับ

เมนูนี้ดูเหมือนต้นไม้ที่มีกิ่งขนาน และสามารถเปิดหรือปิดด้วยสัญลักษณ์ + หรือ -

ตัวอย่างรหัสเช่น

<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>

ในตัวอย่างที่เห็นด้านบน ควบคุม <asp:TreeView>เป็นตัวมาตราที่ใช้ในการสร้างเมนูนำทางของเซิร์ฟเวอร์

ข้อมูลที่ควบคุมโดยควบคุม คุณสมบัติ DataSourceIdนิยามid="nav1" เชื่อมโยงมันไปยัง ควบคุม <asp:SiteMapDataSource>.

ควบคุม <asp:SiteMapDataSource>จะเชื่อมโยงโดยอัตโนมัติไปยังแบบแบ่งปัน sitemap โดยเริ่มต้นweb.sitemap)。

คลิกที่นี่เพื่อดู DEMO ของ TreeView.

SiteMapPath

SiteMapPath ควบคุมสามารถแสดงนาฬิกาที่หน้าปัจจุบัน (เส้นทางนำทาง) โดยแสดงในลักษณะของลิงก์ที่สามารถคลิกได้ที่หน้าเก่า

ต่างจาก TreeView และ Menu ควบคุม SiteMapPath ควบคุมไม่ใช้ SiteMapDataSource ความเป็นส่วนตัว ตัวควบคุม SiteMapPath จะใช้แบบแบ่งปัน web.sitemap โดยเริ่มต้น

คำเตือน：ถ้า SiteMapPath ไม่ได้แสดงออกถูกต้อง มันอาจเป็นเพราะมีข้อผิดพลาด URL ในแบบแบ่งปัน web.sitemap

ตัวอย่างรหัสเช่น

<form runat="server">
<asp:SiteMapPath runat="server" />
</form>

ในตัวอย่างที่เห็นด้านบน เครื่องมือ <asp:SiteMapPath>เป็นตัวมาตราที่ใช้ในการสร้างเมนูนำทางของเซิร์ฟเวอร์

คลิกที่นี่เพื่อดู DEMO ของ SiteMapPath.