Question

我想创建一个包含子项的自定义/用户控件。

例如，我希望我的控件具有以下标记：

<div runat="server" id="div">
    <label runat="server" id="label"></label>
    <div class="field">
        <!-- INSERT CHILDREN HERE -->
    </div>
</div>

当我想在页面上使用它时，我只是：

<ctr:MyUserControl runat="server" ID="myControl">
    <span>This is a child</span>
    <div runat="server" id="myChild">And another <b>child</b>
</ctr:MyUserControl>

我的用户控件中的子控件将被插入到我的用户控件中。实现这一目标的最佳方法是什么？

该功能类似于asp：PlaceHolder，但我想添加更多选项以及其他标记等。子页面控件仍然需要能够被页面访问。（在上面的例子中，页面上应该有myChild控件）

编辑------

它可以是模板控件，只要它允许我引用页面上的子项。

Answer 1

我不久前问过类似的问题。请参阅here。

我相信你必须使用ITemplate作为InnerProperty：

[PersistenceMode(PersistenceMode.InnerProperty)]
[DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
[TemplateInstance(TemplateInstance.Single)]
public ITemplate Content
{
    get
    {
        return _content;
    }
    set
    {
        _content = value;
    }
}
private ITemplate _content;

然后覆盖控件的CreateChildControls方法：

protected override void CreateChildControls()
{
   if (this.Content != null)
   {
      this.Controls.Clear();
      this.Content.InstantiateIn(this);
   }
   base.CreateChildControls();
}

使用ITemplate有什么害处您可以将它与现有标记结合使用，并在Content属性中编写您想要的任何HTML。

Answer 2

另一种解决方法是查看Panel控件的来源（例如使用Reflector）。看起来它只是覆盖了RenderBeginTag和RenderEndTag方法（以及其他添加属性和诸如此类的方法），并将渲染的其余部分推迟到WebControl类。

Answer 3

我知道答案有点陈旧，但我有一个问题，这里没有提到。

我已经尝试过这个解决方案，如果内容是默认的aspx控件或普通的html标签，它的效果很好。当我在其中放置自定义Web控件时，我在自定义Web控件中遇到NullReferenceException的问题（子控件都为null）。我重载OnInit方法（在后面的自定义Web控制代码中）来调用EnsureChildControls()但是子控件仍未实例化。你有什么想法或意见有什么意义吗？

以下是我用来实例化控件的代码：

        this._pnlButtons.Controls.Add( _lbtnOkHidden );
        this._pnlButtons.Controls.Add( _lgbtnOk );

        this._pnlPopup.Controls.Add( _pnlHeader );
        this._pnlPopup.Controls.Add( _pnlContent );
        this._pnlPopup.Controls.Add( _pnlButtons );

        if ( this.Content != null )
            this.Content.InstantiateIn( _pnlContent );

        this._updatePanel.ContentTemplateContainer.Controls.Add( _lbShowPopup );
        this._updatePanel.ContentTemplateContainer.Controls.Add( _lbtnShowPopupHidden );
        this._updatePanel.ContentTemplateContainer.Controls.Add( _pnlPopup );
        this._updatePanel.ContentTemplateContainer.Controls.Add( _modalExtender );

        this.Controls.Add(_updatePanel);
        base.CreateChildControls();

带有子项的ASP.NET自定义/用户控件

3 个答案: