ASP.NET 2.0 - Navigation (Navigation)

ASP.NET 2.0 verfügt über integrierte Navigationselemente.

Website-Navigation

Die Wartung von Navigationsmenüs großer Websites ist schwierig und zeitaufwendig.

In ASP.NET 2.0 können Menüs in Dateien gespeichert werden, was die Wartung vereinfacht. Dieser Dateiname ist in der Regel web.sitemapwird im Wurzelverzeichnis der Website gespeichert.

Darüber hinaus verfügt ASP.NET 2.0 über drei neue Navigationselemente:

  • Dynamische Menüs
  • TreeViews
  • Pfad zur Site Map

Sitemap-Datei

Dieses Tutorial verwendet die folgende sitemap-Datei (Site Map):

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

Regeln für die Erstellung der sitemap-Datei:

  • Die XML-Datei muss um den Inhalt den <siteMap>-Tag enthalten.
  • Der <siteMap>-Tag kann nur einen <siteMapNode>-Unterknoten ("Startseite") haben.
  • Jeder <siteMapNode> kann mehrere Unter-Knoten (Webseiten) haben.
  • Jeder <siteMapNode> verfügt über Attribute zur Definition der Seitentitel und der URL.

Anmerkung:Die sitemap-Datei muss im Wurzelverzeichnis der Site gespeichert werden, das URL-Attribut muss relativ zu diesem Wurzelverzeichnis sein.

Dynamisches Menü

Der <asp:Menu>-Kontroll kann eine Standard-Site-Navigationsmenü anzeigen.

Codebeispiel:

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

Im obigen Beispiel ist <asp:Menu> - SteuerelementEs ist ein Placeholder, der von Servern verwendet wird, um Navigationsmenüs zu erstellen.

Das Datenquelle des Steuerelements wird durch DataSourceId-Eigenschaftdefiniert.id="nav1" Verbinden Sie es mit Der <asp:SiteMapDataSource> - Steuerelement.

Der <asp:SiteMapDataSource> - Steuerelementverbindet automatisch mit der Standard-Sitemap-Datei (web.sitemap)

Klicken Sie hier, um die DEMO von Menu anzuzeigen.

TreeView

Das <asp:TreeView> - Steuerelement kann mehrstufige Navigationsmenüs anzeigen.

Diese Menüs sehen aus wie ein Baum mit Ästen und Blättern und können durch die Symbole + oder - geöffnet oder geschlossen werden.

Codebeispiel:

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

Im obigen Beispiel Der <asp:TreeView> - SteuerelementEs ist ein Placeholder, der von Servern verwendet wird, um Navigationsmenüs zu erstellen.

Das Datenquelle des Steuerelements wird durch DataSourceId-Eigenschaftdefiniert.id="nav1" Verbinden Sie es mit Der <asp:SiteMapDataSource> - Steuerelement.

Der <asp:SiteMapDataSource> - Steuerelementverbindet automatisch mit der Standard-Sitemap-Datei (web.sitemap)

Klicken Sie hier, um die DEMO von TreeView anzuzeigen.

SiteMapPath

Das SiteMapPath-Steuerelement kann einen Zeiger auf die aktuelle Seite (Navigationspfad) anzeigen. Dieser Pfad wird als klickbarer Link zur übergeordneten Seite angezeigt.

Im Gegensatz zu den TreeView- und Menu-SteuerelementenNicht verwenden SiteMapDataSource. Der Standard für den SiteMapPath-Steuerelement ist die web.sitemap-Datei.

Hinweis:Wenn SiteMapPath nicht korrekt angezeigt wird, ist es wahrscheinlich auf einen URL-Fehler im web.sitemap-Datei zurückzuführen.

Codebeispiel:

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

Im obigen Beispiel Der <asp:SiteMapPath> - SteuerelementEs ist ein Placeholder, der von Servern verwendet wird, um Navigationsmenüs zu erstellen.

Klicken Sie hier, um die DEMO von SiteMapPath anzuzeigen.