ASP.NET 2.0 - Navigatie (Navigation)

ASP.NET 2.0 heeft ingebouwde navigatie widgets.

Website navigatie

Het onderhouden van de navigatiemenu's van een groot site is moeilijk en tijdrovend.

In ASP.NET 2.0 kunnen menus in bestanden worden opgeslagen, waardoor ze gemakkelijker te onderhouden zijn. Dit bestand wordt meestal genoemd web.sitemap，opgeslagen in de root directory van de website.

Daarnaast heeft ASP.NET 2.0 drie nieuwe navigatie widgets:

  • Dynamic menus
  • TreeViews
  • Site Map Pad

Sitemap bestand

Deze handleiding gebruikt de volgende sitemap bestand (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>

Regels voor het maken van sitemap bestanden:

  • De XML bestand moet de <siteMap> tags om de inhoud bevatten
  • De <siteMap> tag kan maar één <siteMapNode> subnode hebben ("home" page)
  • Elke <siteMapNode> kan meerdere subnodes (web pages) hebben
  • Elke <siteMapNode> heeft eigenschappen om de pagina titel en URL te definiëren

Opmerking:De sitemap 文ijl moet in de root directory van de site worden opgeslagen, de URL eigenschap moet relatief zijn ten opzichte van deze root directory.

Dynamic Menu

De <asp:Menu> widget kan een standaard站点导航菜单显示。

Code Voorbeeld:

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

In het voorbeeld hierboven <asp:Menu> controleerDit is een placeholder voor een navigatiemenu dat door de server wordt gegenereerd.

De datasource van de controleer wordt DataSourceId eigenschapdefiniëren.id="nav1" koppel het aan <asp:SiteMapDataSource> controleer.

<asp:SiteMapDataSource> controleerkoppelt automatisch aan de standaard sitemap-bestand(web.sitemap)

Klik hier om de DEMO van Menu te bekijken.

TreeView

De <asp:TreeView> controleer kan een meerniveau navigatiemenu weergeven.

Dit menu ziet eruit als een boom met takken en bladeren en kan worden geopend of gesloten met de + of - symbolen.

Code Voorbeeld:

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

in het bovenstaande voorbeeld <asp:TreeView> controleerDit is een placeholder voor een navigatiemenu dat door de server wordt gegenereerd.

De datasource van de controleer wordt DataSourceId eigenschapdefiniëren.id="nav1" koppel het aan <asp:SiteMapDataSource> controleer.

<asp:SiteMapDataSource> controleerkoppelt automatisch aan de standaard sitemap-bestand(web.sitemap)

Klik hier om de DEMO van TreeView te bekijken.

SiteMapPath

De SiteMapPath-controleer kan een wijzer naar de huidige pagina weergeven (navigatieroute). Deze route wordt weergegeven als een klikbare link naar de上级pagina.

In tegenstelling tot de TreeView- en Menu-controles, de SiteMapPath-controleerGebruik niet SiteMapDataSource. De SiteMapPath-controleer gebruikt standaard het web.sitemap-bestand.

Tip:Als SiteMapPath niet correct wordt weergegeven, is dit mogelijk te wijten aan URL-fouten in het web.sitemap-bestand.

Code Voorbeeld:

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

in het bovenstaande voorbeeld <asp:SiteMapPath> controleerDit is een placeholder voor een navigatiemenu dat door de server wordt gegenereerd.

Klik hier om de DEMO van SiteMapPath te bekijken.