ASP.NET 2.0 - Navigointi (Navigation)

ASP.NET 2.0 sisältää sisäänrakennetut navigointikomponentit.

Verkkosivuston navigointi

Suuren verkkosivuston navigointivalikkojen ylläpito on vaikeaa ja aikaa vievää.

ASP.NET 2.0:ssa, valikot voidaan tallentaa tiedostoon, mikä tekee niiden ylläpidosta helpompaa. Tämä tiedosto on yleensä nimeltään web.sitemapja se sijaitsee verkkosivuston juurikansiossa.

Lisäksi, ASP.NET 2.0 sisältää kolme uutta navigointikomponenttia：

  • Dynaamiset valikot
  • TreeViews
  • Sivustokartan polku

Sitemap-tiedosto

Tämä oppaava käyttää seuraavaa sitemap-tiedostoa (sivustokartta)：

<?xml version="1.0" encoding="ISO-8859-1" ?>
<siteMap>
  <siteMapNode title="Koti" url="/aspnet/w3home.aspx">
  <siteMapNode title="Palvelut" url="/aspnet/w3services.aspx">
    <siteMapNode title="Koulutus" url="/aspnet/w3training.aspx"/>
    <siteMapNode title="Tuki" url="/aspnet/w3support.aspx"/>
  </siteMapNode>
  </siteMapNode>
</siteMap>

sitemap-tiedoston luomisen säännöt：

  • XML-tiedosto täytyy sisältää sisällön ympäröivän <siteMap>-elementin
  • <siteMap>-elementti voi sisältää vain yhden <siteMapNode>-alikomponentin ("etusivu")
  • Jokaisella <siteMapNode>-komponentilla voi olla useita alikomponentteja (verkkosivut)
  • Jokaisella <siteMapNode>-komponentilla on ominaisuudet, jotka määrittelevät sivun otsikon ja URL-osoitteen

Huomautus：sitemap-tiedosto täytyy sijaita verkkosivuston juurikansiossa, URL-ominaisuus täytyy olla suhteellinen kyseiseen juurikansioon.

Dynaaminen valikko

<asp:Menu>-komponentti voi näyttää standardeja sivuston navigointivalikoita.

Koodiesimerkki:

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

Esimerkissä yllä <asp:Menu> KontrolliSe on paikannimeksi, jota palvelin käyttää navigointivalikon luomiseen.

Kontrollin tietolähde on DataSourceId-ominaisuusmäärittämiseksi.id="nav1" yhdistä se <asp:SiteMapDataSource> Kontrolli.

<asp:SiteMapDataSource> Kontrolliyhdistää automaattisesti oletusarvoisen sitemap-tiedoston (web.sitemap)。

Napsauta tästä tarkastellaksesi Menu:n DEMOa.

TreeView

<asp:TreeView> Kontrolli voi näyttää monitasoiset navigointivalikot.

Tämä valikko näyttää olevan puu, jossa on oksia ja lehtiä, ja sitä voidaan avata tai sulkea plussan (+) tai miinusmerkinnän (-) avulla.

Koodiesimerkki:

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

Yllä olevassa esimerkissä <asp:TreeView> KontrolliSe on paikannimeksi, jota palvelin käyttää navigointivalikon luomiseen.

Kontrollin tietolähde on DataSourceId-ominaisuusmäärittämiseksi.id="nav1" yhdistä se <asp:SiteMapDataSource> Kontrolli.

<asp:SiteMapDataSource> Kontrolliyhdistää automaattisesti oletusarvoisen sitemap-tiedoston (web.sitemap)。

Napsauta tästä tarkastellaksesi TreeView:n DEMOa.

SiteMapPath

SiteMapPath-kontrolli voi näyttää osoittimen, joka viittaa nykyiseen sivuun (navigointipolku). Tämä polku näkyy klikattavana yläaskeleena.

Erilaisesti kuin TreeView- ja Menu-kontrollit, SiteMapPath-kontrolliEi käytetä SiteMapDataSource. SiteMapPath-kontrolli käyttää oletusarvon mukaan web.sitemap-tiedostoa.

Vinkki:Jos SiteMapPath ei näy oikein, se saattaa johtua URL-virheestä web.sitemap-tiedostossa.

Koodiesimerkki:

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

Yllä olevassa esimerkissä <asp:SiteMapPath> KontrolliSe on paikannimeksi, jota palvelin käyttää navigointivalikon luomiseen.

Napsauta tästä tarkastellaksesi SiteMapPath:n DEMOa.