Pourquoi mon contrôle personnalisé ASP.Net rend-il deux attributs id sur mon premier contrôle enfant?

Question

J'écris un petit contrôle personnalisé ASP.Net héritant de CompositeControl. Le contrôle est juste un panneau contenant deux sous-panneaux avec une étiquette dans chaque sous-panneau. Une fois rendu, je vois dans la source HTML que le premier contrôle enfant de mon contrôle personnalisé obtient deux attributs id - le premier étant l'identifiant du contrôle personnalisé lui-même et le second étant la propriété ID que j'attribue au premier contrôle enfant. Pourquoi cela arrive-t-il?

code:

[ToolboxData("<{0}:MessageBox runat=server></{0}:MessageBox>")] 
public class MessageBox : CompositeControl { 

    private Panel _MessageHeaderContainer = null; 
    private Label _MessageHeaderLabel = null; 
    private Panel _MessageDetailsContainer = null; 
    private Label _MessageDetailsLabel = null; 

    protected override HtmlTextWriterTag TagKey { 
     get { 
      return HtmlTextWriterTag.Div; 
     } 
    } 

    protected override void CreateChildControls() { 

     // Message header area. 
     _MessageHeaderContainer = new Panel(); 
     _MessageHeaderContainer.ID = "HeaderContainer"; 
     _MessageHeaderContainer.CssClass = "__MessageBox_Container"; 
     this.Controls.Add(_MessageHeaderContainer); 

     // Message header text. 
     _MessageHeaderLabel = new Label(); 
     _MessageHeaderLabel.ID = "HeaderLabel"; 
     _MessageHeaderLabel.Text = "[ Header ]"; 
     _MessageHeaderContainer.Controls.Add(_MessageHeaderLabel); 

     // Message details area. 
     _MessageDetailsContainer = new Panel(); 
     _MessageDetailsContainer.ID = "DetailsContainer"; 
     this.Controls.Add(_MessageDetailsContainer); 

     // Message details text. 
     _MessageDetailsLabel = new Label(); 
     _MessageDetailsLabel.ID = "DetailsLabel"; 
     _MessageDetailsLabel.Text = "[ Details ]"; 
     _MessageDetailsContainer.Controls.Add(_MessageDetailsLabel); 

    } 

    protected override void RenderContents(HtmlTextWriter output) { 
     AddAttributesToRender(output); 

     // Render the box. 
     _MessageHeaderContainer.RenderControl(output); 
     _MessageDetailsContainer.RenderControl(output); 
    } 
} 

Utilisation en page ASPX:

<cc:MessageBox ID="ctlMessageBox" runat="server" /> 

sortie HTML:

<div id="ctl00_ctl00_ctlMessageBox"> 
    <div id="ctl00_ctl00_ctlMessageBox" id="ctl00_ctl00_ctlMessageBox_HeaderContainer" class="__MessageBox_Container"> 
     <span id="ctl00_ctl00_ctlMessageBox_HeaderLabel">[ Header ]</span> 
    </div><div id="ctl00_ctl00_ctlMessageBox_DetailsContainer"> 
     <span id="ctl00_ctl00_ctlMessageBox_DetailsLabel">[ Details ]</span> 
    </div> 
</div> 

Answer 1

Vous pouvez corriger cela en supprimant la méthode RenderContents entièrement - ne remplace pas avec quoi que ce soit. Par défaut, les contrôles composites affichent tous leurs contrôles enfants. Si vous faites cela, votre contrôle produit balisage propre:

<div id="test"> 
    <div id="test_HeaderContainer" class="__MessageBox_Container"> 
    <span id="test_HeaderLabel">[ Header ]</span> 
    </div> 
    <div id="test_DetailsContainer"> 
    <span id="test_DetailsLabel">[ Details ]</span> 
    </div> 
</div> 

Comme vous l'avez noté, la méthode AddAttributesToRender est le coupable - c'est une méthode pratique rend tous les attributs du contrôle de niveau supérieur (si le contexte actuel est le contrôle de premier niveau ou non). La seule raison que vous appelleriez ceci est si vous preniez vous-même le contrôle total du processus de rendu et que vous vouliez rendre tous les attributs du contrôle de niveau supérieur dans une seule instruction.

Answer 2

Ceci est l'ID ASP.NET affecte le contrôle personnalisé dans son ensemble. Si vous enroulez votre Contrôle Personnalisé dans une Div ou une Span (dans le code de Contrôle Personnalisé lui-même, pas dans le balisage), l'ID sera assigné à cela au lieu de votre premier "contrôle" interne.

Quelque chose comme ceci:

protected override void Render(HtmlTextWriter writer) 
{ 
    AddAttributesToRender(writer); 

    //must render tag or first inner control will get two IDs 
    writer.RenderBeginTag(HtmlTextWriterTag.Span); 

    //render child controls here... 

    writer.RenderEndTag(); 
}