ASP.NET 2.0 - Navigasyon (Navigation)

ASP.NET 2.0, yerleşik navigasyon kontrolüye sahiptir.

Web Sitesi Navigasyonu

Büyük sitelerin navigasyon menülerini yönetmek zor ve zaman alıcıdır.

ASP.NET 2.0'da, menüler dosyalarda saklanabilir ve bu daha kolay yönetilebilir. Bu dosya genellikle adlandırılır web.sitemapve web sitesinin kök dizininde saklanır.

Ayrıca, ASP.NET 2.0, üç yeni navigasyon kontrolüye sahiptir:

  • Dinamik Menüler
  • Ağaç Görünümü
  • Site Harita Yolu

Sitemap Dosyası

Bu eğitim, aşağıdaki sitemap dosyasını kullanır (site haritası):

<?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>

sitemap dosyası oluşturma kuralları:

  • XML dosyası, içeriği saran <siteMap> etiketlerini içermelidir
  • <siteMap> etiketi sadece bir <siteMapNode> alt düğümü ("anasayfa" sayfası) içerebilir
  • Her <siteMapNode>, birden fazla alt düğüm (web sayfaları) içerebilir
  • Her <siteMapNode> sayfa başlığı ve URLyi tanımlayan özelliklere sahiptir

Açıklama:sitemap dosyası, sitesinin kök dizininde bulunmalı ve URL özelliği bu kök dizine göre olmalıdır.

Dinamik Menü

<asp:Menu> kontrolü standart站点导航菜单yi gösterebilir.

Kod Örneği:

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

Örneğin yukarıdaki <asp:Menu> KontrolüSunucunun navigasyon menüsü oluşturmak için kullanılan bir yer tutucudur.

Kontrolün veri kaynağı DataSourceId Özelliğitanımlamak için.id="nav1" onunla bağlayın <asp:SiteMapDataSource> Kontrolü.

<asp:SiteMapDataSource> Kontrolüotomatik olarak varsayılan sitemap dosyasına bağlanır(web.sitemap)

Buraya tıklayarak Menu'nün DEMO'sunu görüntüleyin.

TreeView

<asp:TreeView> Kontrolü, çok düzeyli navigasyon menüsü gösterebilir.

Bu tür menüler, dalların olduğu bir ağaç gibi görünür ve + veya - işaretleri ile açılmaya veya kapatılmaya açılır.

Kod Örneği:

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

Üstteki örnekteki <asp:TreeView> KontrolüSunucunun navigasyon menüsü oluşturmak için kullanılan bir yer tutucudur.

Kontrolün veri kaynağı DataSourceId Özelliğitanımlamak için.id="nav1" onunla bağlayın <asp:SiteMapDataSource> Kontrolü.

<asp:SiteMapDataSource> Kontrolüotomatik olarak varsayılan sitemap dosyasına bağlanır(web.sitemap)

Buraya tıklayarak TreeView'nin DEMO'sunu görüntüleyin.

SiteMapPath

SiteMapPath kontrolü, mevcut sayfaya işaret eden bir işaretçi (navigasyon yolu) gösterebilir. Bu yol, üst sayfaya işaret eden tıklanabilir bağlantılar olarak görüntülenir.

TreeView ve Menu kontrolü ile farklı olarak, SiteMapPath kontrolüKullanmadan SiteMapDataSource. SiteMapPath kontrolü varsayılan olarak web.sitemap dosyasını kullanır.

İpucu:SiteMapPath doğru bir şekilde görüntilenmemişse, muhtemelen web.sitemap dosyasında URL hatası vardır.

Kod Örneği:

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

Üstteki örnekteki <asp:SiteMapPath> KontrolüSunucunun navigasyon menüsü oluşturmak için kullanılan bir yer tutucudur.

Buraya tıklayarak SiteMapPath'nin DEMO'sunu görüntüleyin.