在 Asp.net 中从代码隐藏添加 HTML

Question

我想将 HTML 结构和控制从代码隐藏到面板中

<div class='Main'>
    <div class='cst'>
        First Name
    </div>
    <div class='csc'>
        <asp:Label ID="lblFirstName" CssClass="ronly" runat="server"></asp:Label>
    </div>
    <div class='cst'>
        First Name
    </div>
    <div class='csc'>
        <asp:Label ID="lblFirstName" CssClass="ronly" runat="server"></asp:Label>
    </div>        <div class='cst'>
        First Name
    </div>
    <div class='csc'>
        <asp:Label ID="lblFirstName" CssClass="ronly" runat="server"></asp:Label>
    </div>
    <div class='end'>
    </div>
</div>

  <asp:Panel runat="server" CssClass="sxpnl" ID="pnlUserdata">
        </asp:Panel>

如果我尝试这样添加

 HtmlGenericControl divcontrol = new HtmlGenericControl();
 divcontrol.Attributes["class"] = "sxro sx1co";
 divcontrol.TagName = "div";
 pnlUserSearch.Controls.Add(divcontrol);
 Label question = new Label();
 questionDescription.Text = "text";
 pnlUserSearch.Controls.Add(question);

它会一个接一个地添加控件，我怎样才能让控件像上图那样嵌套。

原文由 Vinay Pratap Singh Bhadauria 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不要将该子控件添加到面板，将其添加到 应该 是父控件的控件：

 HtmlGenericControl divcontrol = new HtmlGenericControl();
divcontrol.Attributes["class"] = "sxro sx1co";
divcontrol.TagName = "div";
pnlUserSearch.Controls.Add(divcontrol);

Label question = new Label();
question.Text = "text";
divcontrol.Controls.Add(question); // add to the new div, not to the panel

原文由 Hans Kesting 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

要将 HTML 附加到您的面板，请将 LiteralControl 控件添加到您的面板：

 string yourHTMLstring = "<div class='Main'>....";
pnlUserdata.Controls.Add(new LiteralControl(yourHTMLstring));

原文由 Yair Nevet 发布，翻译遵循 CC BY-SA 3.0 许可协议