02 - Administración de menús

NOTA: Ante todo explicar que este manual es un ejercicio completo, por lo que recomiendo que si desena estudiarlo partan desde el principio

1. En el proyecto de solución, agregaremos un nuevo elemento presionando el botón derecho del Mouse y seleccionando la opción Agregar nuevo elemento. Del cuadro de elementos seleccionamos el elemento Mapa Del Sitio, nombrándolo Web.sitemap.

2. Dentro del archivo Web.sitemap, agregar las siguientes líneas de código:

<siteMapNode url="" title="Administración de Personal" description="Permite realizar la administración de personal">

<siteMapNode url="" title="Personal" description="Permite administrar los datos del personal">

<siteMapNode url="" title="Listar" description="" />

<siteMapNode url="" title="Ingresar" description="" />

</siteMapNode>

<siteMapNode url="" title="Parámetros" description="Permite la administración de parámetros">

<siteMapNode url="" title="Cargos" description="Administración de cargos del personal"/>

<siteMapNode url="" title="Tipos" description="Administración de los tipos de personal"/>

</siteMapNode>

</siteMapNode>

Si se observa, en el cuerpo de la codificación se definen las opciones de menú que se administrarán en el sistema.

3. En la tabla que se encuentra en la cabecera de la MasterPage, agregar el control Menú, el cual lo arrastraremos desde el cuadro de herramientas, desde la sección

Exploración.

4. En las propiedades del menú, seleccionar nuevo origen de datos. En la ventana de origen de datos, seleccionar SiteMap y definiremos el nombre del origen como web.

5. En las tareas del menú seleccionar la opción formato automático y seleccionar la opción Clásica, presionando Aceptar.

6. En el código html generado agregar las siguientes propiedades del objeto Menú.

DynamicHorizontalOffset="2"

Orientation="Horizontal"

7. En el control SiteMapDataSource agregar las siguientes propiedades:

ShowStartingNode="False"

StartingNodeOffset="0"

Guardar la solución.

8. Agregar un nuevo elemento, seleccionando un formulario web, antes de aceptar, marcar la opción Seleccionar la página principal, como se muestra en la siguiente imagen:

Se desplegará una interfaz que permitirá seleccionar las páginas master de plantillas que se encuentran definidas. Como se muestra en la siguiente imagen:

Seleccionar la página deseada y presionar aceptar, la página que se está incluyendo tomará el formato de la página principal que se la generado.

1. Seleccionar la página que se ha creado como página de inicio. El despliegue de lo realizado se observará de la siguiente forma:

Cualquier cambio que se realice sobre la página master se verá reflejada sobre las páginas hijas que estén asociadas a la página que se modifica.