asp.net - 在代码隐藏中将 CSS 类添加到面板

Question

我在 aspx 页面中有一个看起来像这样的面板:

<asp:Panel ID="popUpPanelSelectFields" runat="server" CssClass="confirm-dialog" BorderColor="Aqua" >   
<div class="inner">
        <h2>hello word</h2>
        <div class="base">
            <br/>
            <asp:Label ID="LabelMessageToTeacher" runat="server" Text="some text" /><br/>
            <asp:TextBox ID="TextBoxMessageToTeacher" runat="server" Width="200px" Height="50px"/><br/><br/>
            <asp:CheckBox ID="CheckBoxSkype" runat="server" Text="some text" /><br/>                
            <asp:CheckBox ID="CheckBoxPhoneNumber" runat="server" Text="some text" /><br/><br/>                                
            <asp:Button ID="ButtonOk" runat="server" Text="Ok" />
        </div>
    </div>
</asp:Panel> 

我想在后面的代码中编写相同的代码，但我的 css 有问题 到目前为止编写的代码:

Panel panel = new panel();
panel .CssClass = "confirm-dialog";
panel BorderColor = System.Drawing.Color.Aqua;   

现在我知道如何添加标签、按钮、复选框和文本框了，但是如何添加“h2” 到标签并用我的 css 文件中的“内部”和“基”类包装控件

谢谢

Answer 1

您需要使用 HtmlElement类。

您可以像使用任何其他控件类一样使用它来构建页面上的元素层次结构:

var div = new HtmlElement("div");
var h2 = new HtmlElement("h2");
var childDiv = new HtmlElment("div");

h2.InnerText = "hello world";

childDiv.Children.Add(LabelMessageToTeacher);
childDiv.Children.Add(TextBoxMessageToTeacher);
// add the rest of the nested controls

div.Children.Add(h2);
div.Children.Add(childDiv);