在 ASP.NET 自定义控件中呈现多个控件集合

Question

我构建了一个自定义 WebControl，其结构如下：

<gws:ModalBox ID="ModalBox1" HeaderText="Title" runat="server">
    <Contents>
        <asp:Label ID="KeywordLabel" AssociatedControlID="KeywordTextBox" runat="server">Keyword: </asp:Label><br />
        <asp:TextBox ID="KeywordTextBox" Text="" runat="server" />
    </Contents>
    <Footer>(controls...)</Footer>
</gws:ModalBox>

该控件包含两个 ControlCollection 属性：“Contents”和“Footer”。从未尝试过构建具有多个控件集合的控件，但像这样解决了它（简化）：

[PersistChildren(false), ParseChildren(true)]
public class ModalBox : WebControl
{
    private ControlCollection _contents;
    private ControlCollection _footer;

    public ModalBox()
        : base()
    {
        this._contents = base.CreateControlCollection();
        this._footer = base.CreateControlCollection();
    }

    [PersistenceMode(PersistenceMode.InnerProperty)]
    public ControlCollection Contents { get { return this._contents; } }

    [PersistenceMode(PersistenceMode.InnerProperty)]
    public ControlCollection Footer { get { return this._footer; } }

    protected override void RenderContents(HtmlTextWriter output)
    {
        // Render content controls.
        foreach (Control control in this.Contents)
        {
            control.RenderControl(output);
        }

        // Render footer controls.
        foreach (Control control in this.Footer)
        {
            control.RenderControl(output);
        }
    }
}

但是它似乎渲染正确，如果我在属性内添加一些 asp.net 标签和输入控件，它就不再工作了（见上文） asp.net 代码）。我会得到 HttpException：

无法找到 ID 为“KeywordTextBox”的控件 与标签“KeywordLabel”相关联。

有点可以理解，因为标签出现在控件集合中的文本框之前。但是，使用默认的 ASP.NET 控件它确实可以工作，那么为什么它不起作用呢？我做错了什么？一个控件中是否可以有两个控件集合？我应该以不同的方式呈现它吗？

感谢您的回复。

Answer 1

您可以使用两个面板作为两个控件集合的父级（它们将提供分组并提高可读性）。将每个集合中的控件添加到相应面板的 Controls 集合中，并在 Render 方法中调用每个面板的 Render 方法。面板会自动渲染它们的子面板，并为它们提供自己的命名空间，因此，您可以在不同的面板中拥有具有相似 ID 的控件。

Answer 2

我不确定这是否有效。但是，如果您使用模板，您可以获得正确渲染输出的控件。

首先，定义一个类用作容器控件的类型：

public class ContentsTemplate : Control, INamingContainer
{
}

现在是自定义控件：

[PersistChildren(false), ParseChildren(true)]
public class ModalBox : CompositeControl
{

  [PersistenceMode(PersistenceMode.InnerProperty)]
  [TemplateContainer(typeof(ContentsTemplate))]
  public ITemplate Contents { get; set; }

  [PersistenceMode(PersistenceMode.InnerProperty)]
  [TemplateContainer(typeof(ContentsTemplate))]
  public ITemplate Footer { get; set; }

  protected override void CreateChildControls()
  {
    Controls.Clear();

    var contentsItem = new ContentsTemplate();
    Contents.InstantiateIn(contentsItem);
    Controls.Add(contentsItem);

    var footerItem = new ContentsTemplate();
    Footer.InstantiateIn(footerItem);
    Controls.Add(footerItem);
  }

}