Formularios web ASP.NET: navegación
Esta sección presenta principalmente la navegación del sitio web ASP.NET y cómo utilizar los controles de navegación.ASP.NET viene con controles de navegación integrados.
Navegación del sitio
Mantener menús para sitios web grandes es difícil y requiere mucho tiempo.
En ASP.NET, los menús se pueden almacenar en archivos, lo que facilita su mantenimiento. El archivo suele denominarse web.sitemap y se almacena en el directorio raíz del sitio web.
Además, ASP.NET tiene tres controles de navegación centrales:
Menús dinámicos
Vistas de árbol
Ruta del mapa del sitio
Archivo de mapa del sitio
En este tutorial, se utiliza el siguiente archivo de mapa del sitio:
<?xml versión="1.0" codificación="ISO-8859-1" ?><siteMap><siteMapNode url="/aspnet/w3home.aspx"><siteMapNode url="/aspnet/w3services.aspx"><siteMapNode url="/aspnet/w3training.aspx"/>><siteMapNode url="/aspnet/w3support.aspx"/></siteMapNode></siteMapNode></siteMap>Reglas para crear archivos de mapas del sitio:
El archivo XML debe contener etiquetas <siteMap> que rodeen el contenido.
La etiqueta <siteMap> solo puede tener un nodo secundario <siteMapNode> (página "inicio")
Cada <siteMapNode> puede tener múltiples nodos secundarios (páginas web)
Cada <siteMapNode> tiene atributos que definen el título de la página y la URL.
Nota: El archivo del mapa del sitio debe estar ubicado en el directorio raíz del sitio y las propiedades de la URL deben ser relativas a ese directorio raíz.
menú dinámico
El control <asp:Menu> muestra un menú de navegación del sitio estándar.
Ejemplo de código:
<asp:SiteMapDataSource id="nav1" runat="servidor" /><form runat="servidor"><asp:Menu runat="servidor" DataSourceId="nav1" /></form>El control <asp:Menu> en el ejemplo anterior es un marcador de posición para que el servidor cree un menú de navegación.
La fuente de datos del control está definida por la propiedad DataSourceId . id="nav1" conecta la fuente de datos al control <asp:SiteMapDataSource> .
El control <asp:SiteMapDataSource> se conecta automáticamente al archivo de mapa del sitio predeterminado ( web.sitemap ).
Vista de árbol
El control <asp:TreeView> muestra un menú de navegación de varios niveles.
Este menú parece un árbol con ramas y se puede abrir o cerrar usando los símbolos + o -.
Ejemplo de código:
<asp:SiteMapDataSource id="nav1" runat="servidor" /><form runat="servidor"><asp:TreeView runat="servidor" DataSourceId="nav1" /></form>El control <asp:TreeView> en el ejemplo anterior es un marcador de posición para que el servidor cree un menú de navegación.
La fuente de datos del control está definida por la propiedad DataSourceId . id="nav1" conecta la fuente de datos al control <asp:SiteMapDataSource> .
El control <asp:SiteMapDataSource> se conecta automáticamente al archivo de mapa del sitio predeterminado ( web.sitemap ).
Ruta del mapa del sitio
El control SiteMapPath muestra un puntero (ruta de navegación) a la página actual. La ruta aparece como un enlace en el que se puede hacer clic a la página principal.
A diferencia de los controles TreeView y Menu, el control SiteMapPath no utiliza SiteMapDataSource. El control SiteMapPath utiliza el archivo web.sitemap de forma predeterminada.
Consejo: Si SiteMapPath no se muestra correctamente, lo más probable es que se deba a un error de URL (error de impresión) en el archivo web.sitemap.
Ejemplo de código:
<form runat="servidor"><asp:SiteMapPath runat="servidor" /></form>El control <asp:SiteMapPath> en el ejemplo anterior es un marcador de posición para que el servidor cree un menú de navegación.
Lo anterior trata sobre el uso de la navegación ASP.NET. A través de la navegación del sitio web, puede acceder rápidamente a una página.