Bootstrap Style & Surrounding Div tag from ASP.NET Code Behind [重复]

Posted 2023-03-06

【中文标题】Bootstrap Style & Surrounding Div tag from ASP.NET Code Behind [重复]

【英文标题】：Bootstrap Style & Surrounding Div tag from ASP.NET Code Behind [duplicate]

【发布时间】：2018-01-19 23:13:57

【问题描述】：

我正在开发一个 ASP.NET 应用程序，我必须在其中动态创建“TextBox”和“DropdownList”控件。 以下是我用来创建“TextBox”控件的方法。

private void CreateTextBox(string id, string labelName)

     Label lbl = new Label();
     lbl.Text = labelName;
     pnlDynamicControls.Controls.Add(lbl);

     TextBox txt = new TextBox();
     txt.ID = id;
     pnlDynamicControls.Controls.Add(txt);

我正在使用引导主题来创建我的页面。以下是一个样式化的“文本框”。

<div class="form-group">
<label class="col-sm-2 control-label">Document Base:</label>
<div class="col-sm-4">
    <asp:TextBox ID="txtName" runat="server" CssClass="form-control"></asp:TextBox >
</div>

我希望将此样式应用于动态创建的“TextBox”控件和围绕它的“div”标签。 我怎样才能做到这一点？

我正在使用带有 C#、Bootstrap 3、VS2017 的 ASP.NET

更新： 下图显示了当我将 CssClass 添加到控件时的外观

我希望它看起来如下

【问题讨论】：

above-mentioned thread 只添加要控制的样式。我希望将周围的“Div”标签也动态添加到标记中

【参考方案1】：

您需要使用 CssClass 属性。

private void CreateTextBox(string id, string labelName)

     Label lbl = new Label();
     lbl.cssClass = "col-sm-2 control-label";
     lbl.Text = labelName;
     pnlDynamicControls.Controls.Add(lbl);

     TextBox txt = new TextBox();
     txt.cssClass = "form-control";
     txt.ID = id;
     pnlDynamicControls.Controls.Add(txt); 

【讨论】：

我试过这个。但这只会将样式添加到控件。我希望将“”添加到标记中