ASP.NET 2.0 - Navigazione (Navigation)

ASP.NET 2.0 ha controlli di navigazione integrati.

Navigazione del sito

Manutenere un menu di navigazione di un sito grande è difficile e anche noioso.

In ASP.NET 2.0, i menu possono essere conservati nei file, il che rende la manutenzione più facile. Questo file di solito si chiama web.sitemap, conservati nella directory radice del sito.

Inoltre, ASP.NET 2.0 ha tre nuovi controlli di navigazione nuovi:

  • Menu dinamici
  • TreeViews
  • Percorso della mappa del sito

File sitemap

Questo tutorial utilizza il seguente file sitemap (mappa del sito):

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

Regole per la creazione del file sitemap:

  • Il file XML deve contenere il tag <siteMap> intorno al contenuto
  • Il tag <siteMap> può avere solo un nodo figlio <siteMapNode> (pagina "home")
  • Ogni <siteMapNode> può avere più nodi figli (pagine web)
  • Ogni <siteMapNode> ha attributi per definire il titolo della pagina e l'URL.

Nota:Il file sitemap deve essere conservato nella directory radice del sito, l'attributo URL deve essere relativo a questa directory radice.

Menu dinamico

Il controllo <asp:Menu> può visualizzare un menu di navigazione del sito standard.

Esempio di codice:

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

Nell'esempio precedente <asp:Menu> ControlloÈ un segnaposto per creare menu di navigazione sui server.

Il sorgente del controllo è Proprietà DataSourceIdper definizione.id="nav1" Connettilo a Controllo <asp:SiteMapDataSource>.

Controllo <asp:SiteMapDataSource>Si connetterà automaticamente al file sitemap predefinito (web.sitemap)。

Clicca qui per vedere il DEMO di Menu.

TreeView

Il controllo <asp:TreeView> può visualizzare un menu di navigazione multilivello.

Questo menu assomiglia a un albero con rami, che può essere aperto o chiuso tramite i simboli + o -.

Esempio di codice:

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

Nell'esempio sopra, Controllo <asp:TreeView>È un segnaposto per creare menu di navigazione sui server.

Il sorgente del controllo è Proprietà DataSourceIdper definizione.id="nav1" Connettilo a Controllo <asp:SiteMapDataSource>.

Controllo <asp:SiteMapDataSource>Si connetterà automaticamente al file sitemap predefinito (web.sitemap)。

Clicca qui per vedere il DEMO di TreeView.

SiteMapPath

Il controllo SiteMapPath può visualizzare un puntatore alla pagina corrente (path di navigazione). Questo percorso viene visualizzato come un link cliccabile che punta alla pagina superiore.

Diversamente dai controlli TreeView e Menu, il controllo SiteMapPathSenza utilizzare SiteMapDataSource. Il controllo SiteMapPath utilizza per impostazione predefinita il file web.sitemap.

Suggerimento:Se SiteMapPath non viene visualizzato correttamente, è probabile che ci siano errori di URL nel file web.sitemap.

Esempio di codice:

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

Nell'esempio sopra, Controllo <asp:SiteMapPath>È un segnaposto per creare menu di navigazione sui server.

Clicca qui per vedere il DEMO di SiteMapPath.