Voici le troisième article sur l'utilisation des WebParts en ASP.NET. Si vous n'avez pas lus les deux premiers :

• Introduction aux WebParts ASP.NET (1)
• Introduction aux WebParts (2)

Dans cet article nous allons voir comment éditer les propriétés de nos WebParts. Nous avons déjà vu dans le deuxième article comment changer l'état des WebParts d'une page à l'aide du WebPartManager.

Dans cet article, nous allons nous basé sur un UserControl que j'avais créé dans un article plus ancien.

Nous allons toute de fois devoir le modifier afin de lui ajouter des attributs qui seront utilisés par la zone d'édition. Par exemple :

[Personalizable()]
[WebBrowsable()]
[WebDisplayName("Email ")]
[WebDescription("Indiquez votre email")]
public string Email
{
   get { return tbEmail.Text; }
   set
   {
      if (value != null && value != "")
      tbEmail.Text = value;
   }
} 

Ensuite nous devons référencer notre UserControl dans le Web.Config ou dans notre page et ajouter un ligne dans votre menu :

<asp:MenuItem Text="Edit"></asp:MenuItem>

Nous allons ajouter une zone d'édition dans notre page :

<asp:EditorZone ID="EditorZone1" runat="server" CssClass="colonne">
   <ZoneTemplate>
      <asp:PropertyGridEditorPart
              runat="server"
              ID="property1" />
   </ZoneTemplate>
</asp:EditorZone>

Il faut ensuite ajouter notre UserControl dans une WebPartZone :

<asp:WebPartZone
   ID="WebPartZone2"
   runat="server"
   CssClass="colonne"
   >
      <ZoneTemplate>
          <user:contact
                   ID="contact1"
                   Title="Contact"
                   Description="Mon contact form"
                   runat="server" />
      </ZoneTemplate>
</asp:WebPartZone>

Et voilà, passez en mode édition lors de l'exécution et cliquez sur "Modifier" :)

Une question sur cet article? n'hésitez pas a me contacter par Live Messegner. Suis-je connecté?