在后面的代码中将CSS类添加到面板

时间:2012-02-25 15:31:03

标签: asp.net css panel code-behind

我在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文件中的“内部”和“基础”类包装控件

感谢

2 个答案:

答案 0 :(得分:0)

您需要使用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); 

答案 1 :(得分:0)

我估计你可以使用“asp:literal”并放入干净的HTML中 像

这样的东西

literal1.Text =“HTML(divs,classes等)”

panel.Controls.Add(literal1);

panel.Controls.Add(YourControls);

literal2.text =“在这里关闭标签”

panel.Controls.Add(literal2);

但它不是解决此问题的最佳方法。