ASP.NET è dotato di controlli di navigazione
Navigazione del sito web
Mantenere il menu di un grande sito web è difficile e richiede tempo.
In ASP.NET il menu può essere memorizzato in un file per rendere più facile da mantenere. Questo file è normalmente chiamato web.sitemap , ed è archiviato nella directory principale del Web.
Inoltre, ASP.NET ha tre nuovi controlli di navigazione:
- menu dinamici
- TreeViews
- Mappa del sito Path
Il file Sitemap
Il seguente file sitemap viene utilizzato in questo 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>Regole per la creazione di un file Sitemap:
- Il file XML deve contenere un <siteMap> tag che circonda il contenuto
- Il <siteMap> tag può avere un solo <siteMapNode> nodo figlio (the "home" page)
- Ogni <siteMapNode> può avere diversi nodi figli (web pages)
- Ogni <siteMapNode> ha gli attributi che definiscono titolo della pagina e l'URL
Note: Il file sitemap deve essere posizionato nella directory principale del Web e gli URL attributi deve essere relativo alla directory principale.
dinamico Menu
Il <asp:Menu> controllo visualizza un menu di navigazione di serie.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>Il <asp:Menu> Controllo nell'esempio di cui sopra è un segnaposto per un menu di navigazione di server creato.
L'origine dati del controllo è definito dal DataSourceId attributo. L' id="nav1" lo collega al <asp:SiteMapDataSource> controllo.
Il <asp:SiteMapDataSource> di controllo si collega automaticamente al file predefinito sitemap ( web.sitemap ) .
Clicca qui per vedere una demo di Menu, TreeView, e SiteMapPath
Visualizzazione ad albero
Il <asp:TreeView> controllo visualizza un menu multi navigazione di livello.
Il menu si presenta come un albero con rami che possono essere aperti o chiusi con + o - simbolo.
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>Il <asp:TreeView> Controllo nell'esempio di cui sopra è un segnaposto per un menu di navigazione di server creato.
L'origine dati del controllo è definito dal DataSourceId attributo. L' id="nav1" lo collega al <asp:SiteMapDataSource> controllo.
Il <asp:SiteMapDataSource> di controllo si collega automaticamente al file predefinito sitemap ( web.sitemap ) .
Clicca qui per vedere una demo di Menu, TreeView, e SiteMapPath
SiteMapPath
Il controllo SiteMapPath visualizza il percorso (navigation path) alla pagina corrente. Il percorso si comporta come link cliccabili alle pagine precedenti.
A differenza del controllo TreeView e Menu il controllo SiteMapPath fa NOT usare un SiteMapDataSource. Il controllo SiteMapPath utilizza il file Web.sitemap per impostazione predefinita.
Punte: Se il SiteMapPath visualizza in modo non corretto, molto probabilmente c'è un errore URL (typo) nel file Web.sitemap.
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form>L' <asp:SiteMapPath> controllo nell'esempio di cui sopra è un segnaposto per un display percorso del sito di server creato.
Clicca qui per vedere una demo di Menu, TreeView, e SiteMapPath