miércoles, 27 de febrero de 2013

Creando un Portal Web usando WebPart



1.      Crear un nuevo web Site  llamado MiPortal

2.      En la página de Default.aspx crear una tabla con la estructura 2 Filas 3 Columnas









3.      Mezclar las 2 primeras celdas en una sola de esta forma y Agregar una Etiqueta de “Bienvenido a Mi Portal”  y darle formato


Bienvenido a Mi Portal








4.      Agregar el WebPart Manager.   Este control será el encargado de administrar el estado y el comportamiento del resto de web parts que incluyamos.  Es un control no visible. Debe estar en la primera parte antes de cualquier otro control de webparts.

5.      En la segunda fila,  vamos a agregar un control para cada celda y lo renombraremos.

1.     <asp:CatalogZone ID="LaZonaCatalogo"
2.     <asp:WebPartZone ID="ZonaContenido”
3.           <asp:WebPartZone ID="ZonaInformacion”


6.      En la Zona de Informacion vamos agregar y luego ejecutar nuestro proyecto
a.       DropDownList  lo llamaremos cbRegiones  y agregaremos valores de Departamentos.
b.      Control Calendar
c.       AdRotator

7.      En la zona de Contenido crearemos 2 controles de usuario con datagrid y luego los agregaremos a esta Zona.  Usar BD Northwind.

8.      En la segunda Celda  de la primera fila agregaremos un control de Menú lo llamaremos MenuModos,  lo rellenaremos con las modalidades disponibles para “Display” nuestro portal.
En las que encontramos: 
·         Browse  por Defecto  la de visualización
·         Catalog  para definir las zonas utilizando el Catalogzone
·         Design  para definir las webpart gráficamente “Drag a Drop”

9.      Rellenamos el Menu:

VB.NET
Dim rootItem As New MenuItem("Seleccionar Modo")

        For Each mode As WebPartDisplayMode In WebPartManager1.DisplayModes
            If mode.IsEnabled(WebPartManager1) Then
                rootItem.ChildItems.Add(New MenuItem(mode.Name))
            End If
        Next
        MenuModos.Items.Add(rootItem)
 
C#
   MenuItem rootItem = new MenuItem("Seleccionar Modo");

            foreach (WebPartDisplayMode mode in WebPartManager1.DisplayModes)
            {
                if (mode.IsEnabled(WebPartManager1))
                    rootItem.ChildItems.Add(new MenuItem(mode.Name));
            }
            MenuModos.Items.Add(rootItem);



10.   En el evento clik del menú  agregaremos una sentencia para asignarle al WebPartManager el modo seleccionado.

VB.NET
    For Each mode As WebPartDisplayMode In WebPartManager1.DisplayModes
            If mode.Name = e.Item.Text AndAlso mode.IsEnabled(WebPartManager1) Then
                WebPartManager1.DisplayMode = mode 
                Exit For
            End If
   Next

C#
foreach (WebPartDisplayMode mode in WebPartManager1.DisplayModes)
        {
            if (mode.Name == e.Item.Text && mode.IsEnabled(WebPartManager1))
            {
                WebPartManager1.DisplayMode = mode;
                break;
            }
        }

No hay comentarios:

Publicar un comentario