Jorge Oblitas

1
El WebPart FrameworkParte 1

• Jorge Oblitas
• Consultor Independiente
• Microsoft Regional Director
• Peru Región Andina

2
Jorge Oblitas

• Consultor en tecnología asociada a la gestión del
  Conocimiento
• Ha sido miembro de los programas
• Microsoft Regional Director (desde el 2000)
• Microsoft Partner Advisory Council (2002)

• Soluciones Intranet premiadas en Perú y EE.UU.
• Bajista desde 1984
• Aficionado a los Golden Retrievers y Beagles

3
Agenda

• WebPartManager
• WebPartZones y Web Parts
• CatalogZones y CatalogParts
• EditorZones y EditorParts

4
Web Parts

• Framework para la construcción de aplicaciones
  tipo portal
• Sigue el esquema de SharePoint Portal Server
• System.Web.UI.WebControls.WebParts
• Interface de usuario enriquecida con la menor
  cantidad de código
• Edición de la estructura de páginas usando
  drag-and-drop
• Edición de apariencia, conducta y más
• Personalización Parte 2
• Intercomunicación ("conexiones") Parte 2

5
El control WebPartManager

• Administra la operación de los Web Parts
• Mantiene una lista de Web Parts y zonas
• Administra el estado de la página (ejemplo
  display mode) y dispara eventos cuando el estado
  cambia.
• Facilita la comunicación entre Web Parts.
• Administra la personalización y mucho más.
• Una sola instancia por página, no tiene interface
  de usuario.

ltaspWebPartManager ID"WebPartManager1"
RunAt"server" /gt
6
El control WebPartZone

• Define zonas en una página de Web Parts
• Define el la disposición y apariencia por defecto
  de los Web Parts dentro de cada zona.

ltaspWebPartZone ID"WeatherZone"
DragHighlightColor"244,198,96" RunAt"server"gt
ltPartTitleStyle BackColor"2254B1"
ForeColor"White" /gt ltPartStyle
BorderColor"81AAF2" BorderStyle"Solid"
BorderWidth"1px" /gt ltZoneTemplategt lt!
Declarar Web Parts aquí --gt lt/ZoneTemplategt lt/as
pWebPartZonegt
7
Web Part Zones
Zona 1
Zona 2
8
Web Part Chrome

• Barra de título y borde que rodea el Web Part
• El Look viene definido por las propiedades del
  WebPartZone

Barra título
Verbo Minimizar
Verbo Cerrar
Botón de Verbos
Verbs Menu
Border
9
Web Parts

• Controles definidos en un WebPartZone
• Web controls, user controls, custom controls
• Controles que no implementan IWebPart son
  empaquetados internamente en GenericWebParts
• Agrega propiedades Title, Description, etc.

ltZoneTemplategt ltaspCalendar
Title"Calendario" ID"Calendar1" RunAt"server"
/gt ltuserWeather TitleClima" ID"Weather1"
RunAt"server" /gt ltcustomSearch
TitleBuscar" ID"Search1" RunAt"server" /gt
lt/ZoneTemplategt
10
Web Parts
Clima Web Part
Acciones Web Part
Buscar Web Part
Noticiass Web Part
Calendario Web Part
11
Web Parts
12
WebPartManager.DisplayMode

• Obtiene y determina el display mode de la página

Valor
Descripción
BrowserDisplayMode
"Normal" display mode no edición (default)
DesignDisplayMode
Permite edición de la disposición usando
drag-and-drop
EditDisplayMode
Permite editar la apariencia y conducta de los
Web Parts
CatalogDisplayMode
Permite agregar Web Parts a la página
ConnectDisplayMode
Permite establecer conexiones entre Web parts
13
Eventos del DisplayMode

• WebPartManager.DisplayModeChanging
• Indica que el display mode está por cambiar.
• WebPartDisplayModeCancelEventArgs revela el nuevo
  display mode y permite al manejador cancelar el
  cambio.
• WebPartManager.DisplayModeChanged
• Indica que el display mode ha cambiado
• WebPartDisplayModeEventArgs revela el display
  mode anterior

14
Edición de la disposición (layout)
15
Otros tipos de Zonas

• Las WebPartZones definen el contenido base
• Se muestran en todo momento
• Otras zonas permiten la edición de las páginas
• Se muestran de manera condicional basada en el
  display mode

Nombre
Descripción
CatalogZone
Permite a los usuarios agregar Web parts a la
página
EditorZone
Les Permite editar las propiedades y el layout
de los Web Parts
ConnectionsZone
Les permite establecer conexiones entre Web parts
16
El control CatalogZone

• Permite agregar Web Parts interactivamente
• Contiene uno o más controlesCatalogPart

Nombre
Descripción
PageCatalogPart
Lista los Web parts que han sido removidos de la
página
DeclarativeCatalogPart
Lista los Web parts declarados en
ltWebPartsTemplategt
ImportCatalogPart
Permite que los Web parts sean importados
17
Declarando un CatalogZone
ltaspCatalogZone ID"CatalogZone1"
Runat"server"gt ltZoneTemplategt
ltaspPageCatalogPart ID"PageCatalogPart1"
Runat"server" /gt ltaspDeclarativeCatalogPart
ID"DeclarativeCatalogPart1" Runat"server"gt
ltWebPartsTemplategt lt!-- Declarative Web
Parts go here --gt lt/WebPartsTemplategt
lt/aspDeclarativeCatalogPartgt
ltaspImportCatalogPart ID"ImportCatalogPart1"
Runat"server" /gt lt/ZoneTemplategt lt/aspCatalogZ
onegt
DeclarativeCatalogPart
18
Catalog Zones
19
El control EditorZone

• Permite la edición interactiva de Web parts
• Contiene uno o más controles EditorPart

Nombre
Descripción
AppearanceEditorPart
Provee UI para la edición de títulos y otras
propiedadesrelacionadas
BehaviorEditorPart
Provee UI para la edición de propiedades
relacionadas con la conducta (ejemplo pueden
ser cerrados los Web Parts?)
LayoutEditorPart
Provee UI para la edición del estado de
presentación del Web Part(minimizado, o
restaurado)
PropertyGridEditorPart
Provee una grilla de propiedades para la edición
de propiedadespersonalizadas
20
Declarando un EditorZone
ltaspEditorZone ID"EditorZone1" Runat"server"gt
ltZoneTemplategt ltaspAppearanceEditorPart
ID"AppearanceEditorPart1" Runat"server" /gt
ltaspBehaviorEditorPart ID"BehaviorEditorPart1"
Runat"server" /gt ltaspLayoutEditorPart
ID"LayoutEditorPart1" Runat"server" /gt
lt/ZoneTemplategt lt/aspEditorZonegt
21
PropertyGridEditorPart

• Permite editar propiedades personalizadas
• Muestra propiedades marcadas WebBrowsable

string _stocks // e.g., "MSFT,INTC,AMZN" WebBro
wsable public string Stocks get return
_stocks set _stocks value
Permite a la propiedad aparecer en
elPropertyGridEditorPart
Como apaece la propiedaden el PropertyGridEditorP
art
22
Editor Zones
23
Lo que se verá en el próximo Webcast

• Web Part Connections
• Personalización
• Por usuario
• Compartida
• Providers
• Web Parts personalizados
• Verbos personalizados
• Exportando WebParts

24
Preguntas
25
Mis datos

• Jorgeo_at_icuadrado.com
• http//www.icuadrado.com

Visítanos para ver la agenda de eventos en vivo y
próximos Webcastwww.icuadrado.com ... Muy
pronto tendremos en Lima a uno de los Gurús de
Team System