> Tech > Compatibilité dans un site Asp.Net 2.0

Compatibilité dans un site Asp.Net 2.0

Tech - Par iTPro - Publié le 24 juin 2010
email

Les composants WebParts 2.0 sont directement fonctionnels dans un environnement Asp.Net 2.0. Le site Asp.Net 2.0 nécessite l’intégration de composantes de management des composants WebParts avant de les intégrer. Pour exploiter un composant WebPart 2.0 compatible SharePoint v3 et Asp.Net 2.0, il suffit de référencer le composant créé précédemment dans

Compatibilité dans un site Asp.Net 2.0

un projet Web Asp.Net 2.0.

Voir Figure 11 Après ajout de votre composant WebPart 2.0, la page Aspx du projet Asp.Net 2.0 doit contenir le composant de management de WebPart (WebPartManager) pour pouvoir utiliser les fonctionnalités d’édition de pages de composants WebParts ainsi que des zones de composants WebPart (WebPartZone) pour héberger le composant WebPart créé. Voici un exemple de code de page Aspx affichant :
 – un bouton (objet Button nommé btnDesign) permettant de passer en mode édition de page,
– 2 webpartZones (objets WebPartZone1 et WebPartZone2)
– 1 WebPartManager (objet WebPartManager1)
– le composant WebPart WPDemonstration créé précédemment

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="WPDemo, Version=1.0.0.0, Culture=neutral, PublicKeyToken=9f4da00116c38ec5"
    Namespace="WPDemo" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"><title>Page sans titre</title></head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:WebPartManager ID="WebPartManager1"  runat="server"></asp:WebPartManager>
        <asp:Button ID="btnDesign" runat="server" OnClick="btnDesign_Click" Text="Edition WP" /></div>
        <asp:WebPartZone ID="WebPartZone1" runat="server" BorderColor="#CCCCCC" Font-Names="Verdana"
            Padding="6">
            <PartChromeStyle BackColor="#F7F6F3" BorderColor="#E2DED6" Font-Names="Verdana" ForeColor="White" />
            <MenuLabelHoverStyle ForeColor="#E2DED6" />
            <EmptyZoneTextStyle Font-Size="0.8em" />
            <MenuLabelStyle ForeColor="White" />
            <MenuVerbHoverStyle BackColor="#F7F6F3" BorderColor="#CCCCCC" BorderStyle="Solid"
                BorderWidth="1px" ForeColor="#333333" />
            <HeaderStyle Font-Size="0.7em" ForeColor="#CCCCCC" HorizontalAlign="Center" />
            <ZoneTemplate>
                <cc1:WPDemonstration ID="WPDemonstration1" runat="server" />
            </ZoneTemplate>
            <MenuVerbStyle BorderColor="#5D7B9D" BorderStyle="Solid" BorderWidth="1px" ForeColor="White" />
            <PartStyle Font-Size="0.8em" ForeColor="#333333" />
            <TitleBarVerbStyle Font-Size="0.6em" Font-Underline="False" ForeColor="White" />
            <MenuPopupStyle BackColor="#5D7B9D" BorderColor="#CCCCCC" BorderWidth="1px" Font-Names="Verdana"
                Font-Size="0.6em" />
            <PartTitleStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.8em" ForeColor="White" />
        </asp:WebPartZone>
        <asp:WebPartZone ID="WebPartZone2" runat="server" BorderColor="#CCCCCC" Font-Names="Verdana"
            Height="177px" Padding="6" Width="233px">
            <PartChromeStyle BackColor="#F7F6F3" BorderColor="#E2DED6" Font-Names="Verdana" ForeColor="White" />
            <MenuLabelHoverStyle ForeColor="#E2DED6" />
            <EmptyZoneTextStyle Font-Size="0.8em" />
            <MenuLabelStyle ForeColor="White" />
            <MenuVerbHoverStyle BackColor="#F7F6F3" BorderColor="#CCCCCC" BorderStyle="Solid"
                BorderWidth="1px" ForeColor="#333333" />
            <HeaderStyle Font-Size="0.7em" ForeColor="#CCCCCC" HorizontalAlign="Center" />
            <MenuVerbStyle BorderColor="#5D7B9D" BorderStyle="Solid" BorderWidth="1px" ForeColor="White" />
            <PartStyle Font-Size="0.8em" ForeColor="#333333" />
            <TitleBarVerbStyle Font-Size="0.6em" Font-Underline="False" ForeColor="White" />
            <MenuPopupStyle BackColor="#5D7B9D" BorderColor="#CCCCCC" BorderWidth="1px" Font-Names="Verdana"
                Font-Size="0.6em" />
            <PartTitleStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.8em" ForeColor="White" />
        </asp:WebPartZone>
    </form>
</body>
</html>

Ainsi que le Code Behind attaché permettant de basculer en mode édition de page :

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void btnDesign_Click(object sender, EventArgs e)
    {
        WebPartManager1.DisplayMode = WebPartManager.DesignDisplayMode;
    }
}

Voici le résultat dans l’application Asp.Net 2.0, Voir Figure 12.

Téléchargez gratuitement cette ressource

Guide de Cloud Privé Hébergé

Guide de Cloud Privé Hébergé

Comment permettre aux entreprises de se focaliser sur leur cœur de métier, de gagner en agilité, réactivité et résilience en s’appuyant sur un socle informatique performant, évolutif et sécurisé ? Découvrez les avantages des solutions de Cloud Privé hébergé de la CPEM.

Tech - Par iTPro - Publié le 24 juin 2010