ASP.NET hat eingebaute Navigationskontrollen
Web Site Navigation
Die Aufrechterhaltung des Menüs einer großen Website ist schwierig und zeitaufwendig.
In ASP.NET kann das Menü in einer Datei gespeichert werden, um es einfacher zu halten. Diese Datei wird normalerweise als web.sitemap und wird im Stammverzeichnis des Web gespeichert.
Darüber hinaus hat ASP.NET drei neue Steuerelemente für die Navigation:
- dynamische Menüs
- TreeViews
- Sitemap Pfad
Die Sitemap-Datei
Die folgende Sitemap-Datei wird in diesem Tutorial:
<?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 einer Sitemap-Datei:
- Die XML - Datei muss ein enthalten <siteMap> Tag , um den Inhalt umgebenden
- Der <siteMap> Tag kann nur hat einen <siteMapNode> Kind - Knoten (the "home" page)
- Jedes <siteMapNode> kann mehrere Kindknoten haben (web pages) - (web pages)
- Jedes <siteMapNode> hat Attribute definieren , Seitentitel und URL
Note: Die Sitemap - Datei im Stammverzeichnis der Bahn platziert werden muß und die URL Attribute müssen in das Stammverzeichnis relativ sein.
dynamisches Menü
Das <asp:Menu> Control zeigt ein Standard - Navigationsmenü.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>Das <asp:Menu> Steuerung in dem obigen Beispiel ist ein Platzhalter für ein Server Navigationsmenü erstellt.
Die Datenquelle der Steuerung wird durch das definierte DataSourceId Attribut. Die id="nav1" verbindet es mit der <asp:SiteMapDataSource> Kontrolle.
Die <asp:SiteMapDataSource> Steuerung automatisch eine Verbindung zur Standard - Sitemap - Datei ( web.sitemap ) .
Klicken Sie hier , um eine Demo von Menu, TreeView , um zu sehen, und SiteMapPath
Baumsicht
Die <asp:TreeView> Control zeigt ein Multi - Level - Navigationsmenü.
Das Menü sieht aus wie ein Baum mit Ästen, die mit + oder geöffnet oder geschlossen werden können - Symbol.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>Der <asp:TreeView> Kontrolle in dem obigen Beispiel ist ein Platzhalter für ein Server Navigationsmenü erstellt.
Die Datenquelle der Steuerung wird durch das definierte DataSourceId Attribut. Die id="nav1" verbindet es mit der <asp:SiteMapDataSource> Kontrolle.
Die <asp:SiteMapDataSource> Steuerung automatisch eine Verbindung zur Standard - Sitemap - Datei ( web.sitemap ) .
Klicken Sie hier , um eine Demo von Menu, TreeView , um zu sehen, und SiteMapPath
SiteMapPath
Die SiteMapPath Steuerung zeigt den Weg (navigation path) auf die aktuelle Seite. Der Weg fungiert als klickbare Links zu den vorherigen Seiten.
Im Gegensatz zu dem TreeView und Menüsteuerung der SiteMapPath Steuerung ist NOT verwenden , um eine Sitemap. Die SiteMapPath Steuerung verwendet die web.sitemap Datei standardmäßig.
Tipps: Wenn der SiteMapPath falsch anzeigt, wahrscheinlich gibt es einen URL - Fehler (typo) in der web.sitemap Datei.
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form>Die <asp:SiteMapPath> Kontrolle in dem obigen Beispiel ist ein Platzhalter für eine Server Site - Pfadanzeige erstellt.
Klicken Sie hier , um eine Demo von Menu, TreeView , um zu sehen, und SiteMapPath