내 ASP.Net 사용자 지정 컨트롤이 첫 번째 자식 컨트롤에 두 개의 id 특성을 렌더링하는 이유는 무엇입니까?

Question

CompositeControl에서 상속받은 작은 ASP.Net 사용자 지정 컨트롤을 작성하고 있습니다. 이 컨트롤은 각 서브 패널에 레이블이있는 두 개의 서브 패널을 포함하는 패널 일뿐입니다. 렌더링 될 때 HTML 소스에서 내 사용자 지정 컨트롤의 첫 번째 자식 컨트롤이 두 개의 id 특성을 갖게됩니다. 첫 번째 요소는 사용자 지정 컨트롤 자체의 ID이고 두 번째 요소는 첫 번째 자식 컨트롤에 할당 한 ID 속성입니다. 왜 이런 일이 일어나는 걸까요?

코드 : ASPX 페이지에서

[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); 
    } 
} 

사용법 :

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

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

당신은 완전히 RenderContents 방법을 제거하여이 문제를 해결할 수는 - 무엇으로 대체하지 않습니다. 기본적으로 복합 컨트롤은 모든 자식 컨트롤을 렌더링합니다. 이렇게하면 컨트롤 깨끗한 마크 업을 생성합니다

당신이 언급 한 것처럼

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

는 AddAttributesToRender 방법은 원인 - 그것은 편리한 방법은 현재의 컨텍스트를인지 (모든 최상위 컨트롤의 속성을 렌더링입니다 최상위 제어 여부). 호출하는 유일한 이유는 렌더링 프로세스를 완전히 제어하고 단일 문에서 최상위 컨트롤의 모든 특성을 렌더링하려는 경우입니다.

Answer 2

이것은 ID ASP.NET은 전체적으로 사용자 정의 컨트롤을 할당합니다. Div 또는 Span (사용자 정의 컨트롤 코드 자체가 아니라 마크 업 내에서)에 사용자 지정 컨트롤을 래핑하는 경우 ID는 첫 번째 내부 "컨트롤"대신 할당됩니다. 이 같은

뭔가 :

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(); 
}