El WebPart Framework Parte 1 Programming ASP.NET El WebPart Framework Parte 1 Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina Copyright © 2001-2002

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

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

Web Parts Framework para la construcción de aplicaciones tipo portal Programming ASP.NET 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 Copyright © 2001-2002

El control WebPartManager Programming ASP.NET 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. <asp:WebPartManager ID="WebPartManager1" RunAt="server" /> Copyright © 2001-2002

El control WebPartZone Programming ASP.NET 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. <asp:WebPartZone ID="WeatherZone" DragHighlightColor="244,198,96" RunAt="server"> <PartTitleStyle BackColor="#2254B1" ForeColor="White" /> <PartStyle BorderColor="#81AAF2" BorderStyle="Solid" BorderWidth="1px" /> <ZoneTemplate> <!– Declarar Web Parts aquí --> </ZoneTemplate> </asp:WebPartZone> Copyright © 2001-2002

Programming ASP.NET Web Part Zones Zona 1 Zona 2 Copyright © 2001-2002

Web Part Chrome Barra de título y borde que rodea el Web Part Programming ASP.NET 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 Botón de Verbos Verbo Minimizar Verbo Cerrar Border Verbs Menu Copyright © 2001-2002

Web Parts Controles definidos en un WebPartZone Programming ASP.NET 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. <ZoneTemplate> <asp:Calendar Title="Calendario" ID="Calendar1" RunAt="server" /> <user:Weather Title=“Clima" ID="Weather1" RunAt="server" /> <custom:Search Title=“Buscar" ID="Search1" RunAt="server" /> </ZoneTemplate> Copyright © 2001-2002

Web Parts Clima Acciones Web Part Web Part Buscar Web Part Noticiass Programming ASP.NET Web Parts Clima Web Part Acciones Web Part Buscar Web Part Noticiass Web Part Calendario Web Part Copyright © 2001-2002

Programming ASP.NET Web Parts Copyright © 2001-2002

WebPartManager.DisplayMode Programming ASP.NET 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 Copyright © 2001-2002

Eventos del DisplayMode Programming ASP.NET 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 Copyright © 2001-2002

Edición de la disposición (layout) Programming ASP.NET Edición de la disposición (layout) Copyright © 2001-2002

Otros tipos de Zonas Las WebPartZones definen el contenido base Programming ASP.NET 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 Copyright © 2001-2002

El control CatalogZone Programming ASP.NET 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 <WebPartsTemplate> ImportCatalogPart Permite que los Web parts sean importados Copyright © 2001-2002

Declarando un CatalogZone Programming ASP.NET Declarando un CatalogZone <asp:CatalogZone ID="CatalogZone1" Runat="server"> <ZoneTemplate> <asp:PageCatalogPart ID="PageCatalogPart1" Runat="server" /> <asp:DeclarativeCatalogPart ID="DeclarativeCatalogPart1" Runat="server"> <WebPartsTemplate> <!-- Declarative Web Parts go here --> </WebPartsTemplate> </asp:DeclarativeCatalogPart> <asp:ImportCatalogPart ID="ImportCatalogPart1" Runat="server" /> </ZoneTemplate> </asp:CatalogZone> DeclarativeCatalogPart Copyright © 2001-2002

Programming ASP.NET Catalog Zones Copyright © 2001-2002

El control EditorZone Permite la edición interactiva de Web parts Programming ASP.NET 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 propiedades relacionadas 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 propiedades personalizadas Copyright © 2001-2002

Declarando un EditorZone Programming ASP.NET Declarando un EditorZone <asp:EditorZone ID="EditorZone1" Runat="server"> <ZoneTemplate> <asp:AppearanceEditorPart ID="AppearanceEditorPart1" Runat="server" /> <asp:BehaviorEditorPart ID="BehaviorEditorPart1" Runat="server" /> <asp:LayoutEditorPart ID="LayoutEditorPart1" Runat="server" /> </ZoneTemplate> </asp:EditorZone> Copyright © 2001-2002

PropertyGridEditorPart Programming ASP.NET PropertyGridEditorPart Permite editar propiedades personalizadas Muestra propiedades marcadas [WebBrowsable] string _stocks; // e.g., "MSFT,INTC,AMZN" [WebBrowsable] public string Stocks { get { return _stocks; } set { _stocks = value; } } Permite a la propiedad aparecer en el PropertyGridEditorPart Como apaece la propiedad en el PropertyGridEditorPart Copyright © 2001-2002

Programming ASP.NET Editor Zones Copyright © 2001-2002

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

Preguntas

... Muy pronto tendremos en Lima a uno de los Gurús de Team System Mis datos Jorgeo@icuadrado.com http://www.icuadrado.com Visítanos para ver la agenda de eventos en vivo y próximos Webcast www.icuadrado.com ... Muy pronto tendremos en Lima a uno de los Gurús de Team System