用户控件内的内容

Question

我几乎不好意思问这个问题，但是我们开始了......

我不是用户控件方面的专家，并且需要一些关于尝试实现特定所需功能的设计建议。

目标是拥有一个用户控件，它可以呈现为 html 元素和 css 的复杂结构，从而形成一个优雅的容器框。问题在于如何填充框中的内容，因为用户控件的每个实例都有其自己的单独的 HTML 内容。用户控件的内容容器 div 将深深嵌套在呈现的 html 结构中。以编程方式设置用户控件的内容或使用属性是不可取的。

在伪代码中，所需的语法类似于：

<usercontrol Title="Some Title"><p>some random html content</p></usercontrol>

呈现的用户控件的示例如下：

<div class="CommonBox">
    <div class="Title">Some Title</div>
    <div class="Content"><p>some random html content</p></div>
</div>

我希望我的解释是足够的。这对任何人都有意义还是所需的功能无法实现？

干杯!

编辑

我尝试了模板化的用户控制建议，希望能找到一个不错的解决方案。我“退回”此站点，现在有一个可用的模板化用户控件。我的下一个问题是，如何以编程方式访问模板中嵌套的控件...假设示例链接中的“描述”模板中有一个文本框控件，并且我想以编程方式设置其值？这可能吗？

Answer 1

您正在寻找的东西绝对是可能的。一种解决方案是创建模板化用户控件。最后，您可以定义与示例类似的内容。类似于：

<uc:MyControl Title="Some TItle" runat="server">
    <ContentsTemplate>
        <p>some random html content</p>
    </ContentsTemplate>
</uc:MyControl>

这里有一个简单的操作方法。我过去曾成功地做到过这一点。 通过 Google 找到有关该主题的大量资源。

Answer 2

是的，这很有可能。 首先，您可以创建一个自定义控件，如我在本文中所述。 控件中的属性将成为示例中的“标题”等属性。然后您可以使用 本文中展示的技术为您需要的其他 html 输入添加子节点。

享受！

Answer 3

看起来您的自定义服务器控件需要两个属性。

Title 属性渲染第一个内部 div 的内容，

Content 渲染第二个内部 div 的内容。如果要在服务器控件内设置内容，则应该为属性使用 [PersistenceMode(PersistenceMode.InnerDefaultProperty)] 属性，如下所示：

[PersistenceMode(PersistenceMode.InnerDefaultProperty)]
public string Contents
{
    get
    {
        string contents = (string)ViewState["Contents"];
        return (contents == null) ? String.Empty : contents;
    }
    set
    {
        ViewState["Contents"] = value;
    }
}

PersistenceModeAttribute 在 MSDN 中的解释如下：

PersistenceModeAttribute 传递
内部默认属性参数
指定视觉设计师
应保留该属性
该属性作为内部应用
默认属性。这意味着一个
视觉设计师保留该属性
在控件的标签内。这
属性只能应用于一个
财产，因为只有一个财产
可以在控件内持久化
标签。房产价值不
包裹在特殊标签中。

有关详细信息，请查看此处的最后一个示例。