El mejor tutorial de navegación de ASP.NET en 2024. En este tutorial podrás aprender Navegación en el sitio,archivo de mapa del sitio,menú dinámico,TreeView,SiteMapPath,

navegación de ASP.NET

ASP.NET con controles de navegación incorporados.


Navegación en el sitio

Mantenimiento de sitios de gran tamaño es difícil y requiere mucho tiempo menú.

En ASP.NET, el menú se puede almacenar en un archivo, por lo fácil de mantener. Archivo típicamente nombradoweb.sitemap, y se almacena en el directorio raíz de su sitio.

Además, ASP.NET tiene tres controles de navegación núcleo:

  • menús dinámicos
  • TreeViews
  • Mapa del sitio Path

archivo de mapa del sitio

En este tutorial, se utiliza el siguiente archivo de mapa del sitio:

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

Crear reglas de archivo de mapa del sitio:

  • El documento XML debe contener sobre el contenido de la etiqueta <Mapa del sitio>
  • <Mapa del sitio> etiqueta sólo puede tener un <siteMapNode> nodo hijo ( "casa" de la página)
  • Cada <siteMapNode> puede tener varios nodos secundarios (web)
  • Cada <siteMapNode> con propiedad define el título de la página y la URL

lámparaNota: archivo de mapa del sitiodebe estar ubicado en el directorio raíz del sitio, atributos URL debe ser relativa al directorio raíz.


menú dinámico

<Asp: Menú> control muestra un menú estándar de navegación del sitio.

Ejemplos de código:

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

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

En el ejemplo anterior<asp: Menú> control es un marcador de posición para un menú de navegación del servidor creado.

controles de origen de datosDataSourceID la definición del atributo.id = fuente de datos"NAV1"para conectarseal:Control<asp SiteMapDataSource>.

<Asp: SiteMapDataSource> Control se conecta automáticamente al archivo predeterminado mapa (web.sitemap).


TreeView

<Asp: TreeView> control muestra un menú de navegación multi-nivel.

Este menú se parece a un árbol con ramas que, por el signo + o - para abrir o cerrar.

Ejemplos de código:

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

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

En el ejemplo anterior<asp: TreeView> control es un marcador de posición para un menú de navegación del servidor creado.

controles de origen de datosDataSourceID la definición del atributo.id = fuente de datos"NAV1"para conectarseal:Control<asp SiteMapDataSource>.

<Asp: SiteMapDataSource> Control se conecta automáticamente al archivo predeterminado mapa (web.sitemap).


SiteMapPath

SiteMapPath de control muestra un puntero (ruta de navegación) de la página actual. El camino parece apuntar a la página padre puede hacer clic en el enlace.

Con diferentes controles TreeView y Menu, control SiteMapPathno utiliza el SiteMapDataSource.de archivo predeterminado de control web.sitemap SiteMapPath.

lámpara Consejo: Si el SiteMapPath no se visualiza correctamente, muy probablemente debido a la presencia de errores de URL (error de impresión) web.sitemap archivo.

Ejemplos de código:

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

En el ejemplo anterior<asp: SiteMapPath> control es un marcador de posición para un menú de navegación del servidor creado.

navegación de ASP.NET
10/30