ASP.NET yerleşik navigasyon kontrolleri
Web Sitesi Navigasyon
Büyük bir web sitesinin menü bakımı zor ve zaman alıcıdır.
ASP.NET menüsünde korumak için daha kolay hale getirmek için bir dosyada saklanabilir. Bu dosya normalde denir web.sitemap ve web kök dizininde saklanır.
Buna ek olarak, ASP.NET üç yeni navigasyon kontrolü vardır:
- Dinamik menüler
- TreeViews
- Site Haritası Yolu
Site haritası Dosyası
Aşağıdaki site haritası dosyası Bu eğitimde kullanılır:
<?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>Bir site haritası dosyası oluşturma kuralları:
- XML dosyası bir içermelidir <siteMap> içeriği çevreleyen etiketini
- <siteMap> etiketi yalnızca birine sahip olabilir <siteMapNode> çocuk düğüm (the "home" page)
- Her <siteMapNode> birkaç çocuk düğümleri olabilir (web pages)
- Her <siteMapNode> sahiptir sayfa başlığı ve URL tanımlayan nitelikler
Note: site haritası dosyası web kök dizininde yerleştirilmesi gerekir ve URL nitelikleri kök dizinine göreli olmalıdır.
Dinamik Menü
<asp:Menu> Kontrol görüntüler standart bir site navigasyon menüsü.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form><asp:Menu> örnekteki kontrol üzerinde bir sunucu oluşturulan navigasyon menüsü için bir yer tutucudur.
Kontrol veri kaynağı ile tanımlanır DataSourceId öznitelik. id="nav1" bunu bağlayan <asp:SiteMapDataSource> kontrol.
<asp:SiteMapDataSource> kontrolü otomatik olarak varsayılan site haritası dosyasına bağlanır ( web.sitemap ) .
Menü, TreeView ve SiteMapPath bir demo görmek için buraya tıklayın
Ağaç görünümü
<asp:TreeView> kontrol görüntüler çok seviyeli navigasyon menüsü.
sembol - menü + veya açılabilir veya kapatılabilir dalları olan bir ağaç gibi görünüyor.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form><asp:TreeView> örnekteki kontrol üzerinde bir sunucu oluşturulan navigasyon menüsü için bir yer tutucudur.
Kontrol veri kaynağı ile tanımlanır DataSourceId öznitelik. id="nav1" bunu bağlayan <asp:SiteMapDataSource> kontrol.
<asp:SiteMapDataSource> kontrolü otomatik olarak varsayılan site haritası dosyasına bağlanır ( web.sitemap ) .
Menü, TreeView ve SiteMapPath bir demo görmek için buraya tıklayın
SiteMapPath
SiteMapPath kontrol iz görüntüler (navigation path) geçerli sayfaya. yol önceki sayfalara tıklanabilir linkler davranır.
TreeView ve Menü kontrolü aksine SiteMapPath kontrolü yok NOT bir SiteMapDataSource kullanın. SiteMapPath kontrol varsayılan olarak web.sitemap dosyasını kullanır.
İpuçları: SiteMapPath yanlış gösteriyorsa, büyük olasılıkla bir URL hatası var (typo) web.sitemap dosyasında.
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form><asp:SiteMapPath> örnekteki kontrol üzerinde bir sunucu oluşturulan site yol ekran için bir yer tutucudur.
Menü, TreeView ve SiteMapPath bir demo görmek için buraya tıklayın