ASP.NET 中自定义组合中的子控件初始化

Question

我正在开发的一系列控件中的一部分显然涉及将其中一些控件集中到复合材料中。 我很快开始了解到这是需要考虑的（这对我来说是全新的！）:)

我基本上有一个 StyledWindow 控件，它本质上是一个具有能力的美化的 Panel做其他的事情（比如添加边框等）。

下面是实例化其中的子控件的代码。 到目前为止，它似乎可以与普通的静态控件一起正常工作：

    protected override void CreateChildControls()
    {
        _panel = new Panel();

        if (_editable != null)
            _editable.InstantiateIn(_panel);

        _regions = new List<IAttributeAccessor>();
        _regions.Add(_panel);
    }

今天当我尝试在其中嵌套更复杂的控件时出现问题。 该控件使用对页面的引用，因为它注入了 JavaScript，使其更加敏捷和响应更快（RegisterClientScriptBlock 是我需要页面引用的唯一原因）。

现在，这导致了“object null”错误，但我将其本地化到 render 方法，该方法当然是尝试针对 [null] Page 对象调用该方法。

让我感到困惑的是，该控件作为独立的工作正常，但是当放置在 StyledWindow 中时，一切都变得非常错误！

所以，看起来我在 StyledWindow 或 ChildControl 中丢失了一些东西。 有什么想法吗？

更新

为 Brad Wilson 非常正确地指出，您不会看到控件被添加到 Controls 集合中。 这就是 _panel 的用途，它是为我处理这个问题的，基本上然后覆盖 Controls （我从某处的指南中得到了这个）：

    Panel _panel;    // Sub-Control to store the "Content".
    public override ControlCollection Controls
    {
        get
        {
            EnsureChildControls();
            return _panel.Controls;
        }
    }

我希望这有助于澄清事物。 道歉。

更新Longhorn213的答案

对，我一直在做有些人使用控件，将一个放置在复合材料内，另一个放置在外部。 然后，我在控件生命周期中的事件重大事件中获取页面的状态并将其呈现到页面。

独立运行正常，页面按预期初始化。 然而，嵌套在 Composite 中的则不同。 它的 OnLoad 事件根本没有被触发！ 所以我猜布拉德可能是对的，因为我没有正确设置控制层次结构，任何人都可以就我所缺少的内容提供一些建议吗？ 面板方法还不够吗？ （嗯，显然不是吗？！）：D

感谢你们的帮助，非常感谢：）

Answer 1

是的，我开始玩了，我发现我的控件实例化有问题，因为 Longhorn 是对的，我应该能够在 OnLoad 创建脚本引用（但我不能），而 Brad是正确的，因为我需要通过添加到组合的 Controls 集合来确保我的 Controls 层次结构得到维护。

所以，我在这里有两件事：

1. 我重写了组合的 Controls 属性访问器，以返回此 Panel 的 Controls 集合，因为我不想去 ctl.Controls[0].Controls[0] 以获得我想要的实际控件。 我已经删除了它，但我需要对其进行排序。
2. 我没有将Panel添加到Controls集合中，我有现在已经完成了。

所以，它现在可以工作了，但是如何获取组合的Controls属性以返回Panel中的项目，而不是 Panel 本身？

Answer 2

我没有看到您将控件添加到任何地方的 Controls 集合中，这可以解释为什么它们无法访问页面（因为它们从未正式放置在页面上）。

Answer 3

我总是将 JavaScript 调用放在 OnLoad 函数上。 比如下面这样。

protected override void OnLoad(EventArgs e)
{

    // Do something to get the script
    string script = GetScript();

    this.Page.ClientScript.RegisterClientScriptBlock(this.Page.GetType(), "SomeJavaScriptName", script);

    // Could also use this function to determine if the script has been register. i.e. more than 1 of the controls exists
    this.Page.ClientScript.IsClientScriptBlockRegistered("SomeJavaScriptName");

    base.OnLoad(e);
}

如果您仍然想进行渲染，那么您可以在响应中编写脚本。 这就是 RegisterScriptBlock 的作用，它只是将脚本内联到页面上。

Answer 4

解决了！

好吧，我今天就下定决心一定要破解这个！ 以下是我的想法：

• 我认为使用 Panel 有点黑客行为，所以我应该删除它并找出它是如何真正完成的。
• 我不想执行类似 MyCtl.Controls[0].Controls 之类的操作来访问添加到组合中的控件。
• 我想让这该死的东西发挥作用！

因此，我进行了搜索并点击了 MSDN，这篇文章真的很有帮助（即几乎是复制粘贴，并且解释得很好） - MSDN 传统上不擅长的事情）。 好的！

因此，我放弃了 Panel 的使用，基本上按照这篇文章进行操作，并将其视为福音，边写边做笔记。

这就是我现在所拥有的：

• 我知道我使用了错误的术语。 我应该将其称为模板化控件。 虽然模板控件在技术上是复合的，但存在明显的差异。 模板化控件可以定义添加到其中的项目的界面。
• 模板化控件非常强大，而且一旦您熟悉它们，实际上设置起来非常快速且容易！
• 我将更多地利用设计器支持，以确保我完全理解这一切，然后发布一篇博客文章:)
• “模板”控件用于指定模板化数据的接口。

例如，这里是模板化控件的 ASPX 标记：

<cc1:TemplatedControl ID="MyCtl" runat="server">
    <Template>
        <!-- Templated Content Goes Here -->
    </Template>
</cc1:TemplatedControl>   

代码

public class DummyWebControl : WebControl
{
    // Acts as the surrogate for the templated controls.
    // This is essentially the "interface" for the templated data.
}

这是我现在在 TemplateControl.cs 中的

    ITemplate _template;
    // Surrogate to hold the controls instantiated from 
    // within the template.
    DummyWebControl _owner;

    protected override void CreateChildControls()
    {
        // Note we are calling base.Controls here
        // (you will see why in a min).
        base.Controls.Clear();
        _owner = new DummyWebControl();

        // Load the Template Content
        ITemplate template = _template;
        if (template == null)
            template = new StyledWindowDefaultTemplate();
        template.InstantiateIn(_owner);

        base.Controls.Add(_owner);
        ChildControlsCreated = true;
    }

...然后，为了提供对 [Surrogate] 对象的控件的轻松访问：（

这就是为什么我们需要清除/add to the base.Controls)

    public override ControlCollection Controls
    {
        get
        {
            EnsureChildControls();
            return _owner.Controls;
        }
    }

差不多就这样了，只要你知道怎么做就很容易！ :)

下一步： 设计时区域支持！