1 / 25

El WebPart Framework Parte 1

El WebPart Framework Parte 1. Jorge Oblitas Consultor Independiente Microsoft Regional Director Peru – Región Andina. 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)

Download Presentation

El WebPart Framework Parte 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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. <asp:WebPartManager ID="WebPartManager1" RunAt="server" />

  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. <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>

  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 Botón de Verbos Verbo Minimizar Verbo Cerrar Border Verbs Menu

  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. <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>

  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 <WebPartsTemplate> ImportCatalogPart Permite que los Web parts sean importados

  17. 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

  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 <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>

  21. 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 elPropertyGridEditorPart Como apaece la propiedaden el PropertyGridEditorPart

  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@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

More Related