Article complet: Changer dynamiquement le SkinID d’un contrôle dans un UserControl

Après quelques semaines sans signe de vie (la faute, principalement, au challenge Azure), une petite problématique technique est venue me chatouiller aujourd,hui...

Plus clairement, le contexte est le suivant :

• une page ASPX, utilisant une masterpage
• un contrôle ASCX dans la page ASPX
• un contrôle serveur (un bouton) dans le contrôle ASCX

Le besoin étant de pouvoir, en fonction du contexte de la page ASPX, changer le Skin utilisé par le bouton du contrôle ASCX.

[Suite:]

Le premier réflexe d'à peu prés tout le monde est de dire "trop simple, je fais monBouton.SkinID="monSkinId", et ca marche tout seul."

Sauf que ca ne marche pas, car le SkinID doit être renseigné avant d'appeler Page_PreInit.

Ok, dans ce cas-là, il suffit de rajouter un Page_PreInit dans le UserControl...sauf que...les UserControls n'ont pas de Page_PreInit !

La solution est un peu plus siouxe que ca. Il faut, en fait, appeler une fonction du contrôle utilisateur depuis le Page_PreInit de la page appelante.

Donc, un code comme celui-ci :

   1: private void Page_PreInit(object sender, System.EventArgs e)

   2: {

   3:     monUserControl.monBouton.SkinID = "monSkinId";

   4: }

Sauf que...ca non plus, ca ne fonctionne pas...

La faut, cette fois-ci, vient de la MasterPage. En fait, tant que la MasterPage n'à pas été évaluée, les contrôles de la page ne sont pas accessibles.

Une petite modification toute simple permets de contourner le problème. En assignant à une variable locale la MasterPage courante.

Ceci dit, ca fonctionne...pour une page.

Comme ce problème va, dans mon cas, être récurrent, un peu de bidouille donne le résultat suivant :

Une interface à implémenter par les contrôles :

   1: public interface ISkinnable{

   2:     void ApplySkinsOnPreInit();

   3: }

   4: ....

   5: public partial class monUserControl :System.Web.UI.UserControl, ISkinnable{

   6:  

   7:     string _skinId = "default";

   8:  

   9:     public void ApplySkinsOnPreInit(){

  10:         monBouton.SkinId = _skinId;

  11:     }

  12:     public string ButtonSkinID{

  13:         set { _skinId = value; }

  14:     }

  15: }

Et, du côté des pages, une page parente avec la fonction qui va bien :

   1: public class CustomPage : System.Web.UI.Page{

   2:  

   3:     private void Page_PreInit(object sender, System.EventArgs e){

   4:         var m = Master;

   5:         ApplySkinsOnChildren(this);

   6:     }

   7:  

   8:     private void ApplySkinsOnChildren(Control parent){

   9:         foreach (Control item in parent.Controls){

  10:             if (item is ISkinnable){

  11:                 ((ISkinnable)item).ApplySkinsOnPreInit();

  12:             }

  13:             ApplySkinsOnChildren(item);

  14:         }

  15:     }

  16: }

! Attention, si la propriété StylesheetTheme de la page ou du site est renseignée, tout ceci ne fonctionnera pas !

NB: des bouts d'éléments viennent du web, comme, par exemple, d'ici :

http://msdn.microsoft.com/en-us/library/aa719775(VS.71).aspx

http://consultingblogs.emc.com/simonevans/archive/2005/06/09/How-to-programmatically-assign-a-SkinID-to-a-control-while-using-a-master-page-in-ASP.net-2.0.aspx

Voila, comme ca, plus besoin de le retenir pour la prochaine fois ;)