ASP.NET 2.0 - Navegación (Navigation)

ASP.NET 2.0 tiene controles de navegación integrados.

Navegación del sitio web

Mantener el menú de navegación de un sitio grande es difícil y consume mucho tiempo.

En ASP.NET 2.0, los menús pueden almacenarse en archivos, lo que facilita su mantenimiento. Este archivo generalmente se llama web.sitemapque se almacenan en la carpeta raíz del sitio.

Además, ASP.NET 2.0 tiene tres nuevos controles de navegación nuevos:

  • Menús dinámicos
  • TreeViews
  • Ruta del Mapa del Sitio

Archivo Sitemap

Este tutorial utiliza el siguiente archivo sitemap (mapa del sitio):

<?xml version="1.0" encoding="ISO-8859-1" ?>
<siteMap>
  <siteMapNode title="Inicio" url="/aspnet/w3home.aspx">
  <siteMapNode title="Servicios" url="/aspnet/w3services.aspx">
    <siteMapNode title="Entrenamiento" url="/aspnet/w3training.aspx"/>
    <siteMapNode title="Soporte" url="/aspnet/w3support.aspx"/>
  </siteMapNode>
  </siteMapNode>
</siteMap>

Reglas para crear archivos sitemap:

  • El archivo XML debe contener las etiquetas <siteMap> que rodean el contenido.
  • La etiqueta <siteMap> solo puede tener un nodo secundario <siteMapNode> (página "home").
  • Cada <siteMapNode> puede tener múltiples nodos secundarios (páginas web).
  • Cada <siteMapNode> tiene propiedades que definen el título de la página y la URL.

Notas:El archivo sitemap debe estar almacenado en la carpeta raíz del sitio, la propiedad URL debe ser relativa a esta carpeta raíz.

Menú dinámico

El control <asp:Menu> puede mostrar un menú de navegación de sitio estándar.

Ejemplo de Código:

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

En el ejemplo anterior <asp:Menu> ControlEs un marcador de posición para que el servidor cree menús de navegación.

El origen de datos del control se determina por Atributo DataSourceIdpara definir.id="nav1" Conéctelo a Control <asp:SiteMapDataSource>.

Control <asp:SiteMapDataSource>se conectará automáticamente al archivo de sitemap predeterminado (web.sitemap)。

Haga clic aquí para ver el DEMO de Menu.

TreeView

El control <asp:TreeView> puede mostrar un menú de navegación de varios niveles.

Este menú parece un árbol con ramas, que se puede abrir o cerrar mediante los símbolos + o -.

Ejemplo de Código:

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

En el ejemplo anterior, Control <asp:TreeView>Es un marcador de posición para que el servidor cree menús de navegación.

El origen de datos del control se determina por Atributo DataSourceIdpara definir.id="nav1" Conéctelo a Control <asp:SiteMapDataSource>.

Control <asp:SiteMapDataSource>se conectará automáticamente al archivo de sitemap predeterminado (web.sitemap)。

Haga clic aquí para ver el DEMO de TreeView.

SiteMapPath

El control SiteMapPath puede mostrar un puntero hacia la página actual (ruta de navegación). Esta ruta se muestra como un enlace clicable hacia la página superior.

Diferente de los controles TreeView y Menu, el control SiteMapPathNo usar SiteMapDataSource. El control SiteMapPath usa por defecto el archivo web.sitemap.

Consejo:Si SiteMapPath no se muestra correctamente, es probable que se deba a errores de URL en el archivo web.sitemap.

Ejemplo de Código:

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

En el ejemplo anterior, Control <asp:SiteMapPath>Es un marcador de posición para que el servidor cree menús de navegación.

Haga clic aquí para ver el DEMO de SiteMapPath.