如何将引导程序图标添加到动态创建的ASP.NET按钮

时间:2018-01-30 19:25:43

标签: c# asp.net twitter-bootstrap button

我有一个HTML按钮,按钮内有一个图标。

enter image description here

按钮的HTML:

<button type="submit" class="btn blue"><i class="fa fa-check"></i>Save</button>

我需要能够将此<i>代码放在我在ASP.NET中生成的按钮中。这是制作按钮的代码。

Button button = new Button();
button.Id = "btnSave";
button.CssClass = "btn blue";
button.Text = "Save";
Placeholder.Controls.Add(button);

我在stackoverflow上看到了一个解决方案,但这是针对LinkBut​​tons的。

2 个答案:

答案 0 :(得分:1)

如果您使用runat="server"

添加onserverclick,则可以使用普通按钮
<button type="submit" class="btn blue" runat="server" onserverclick="Button1_Click">
   <i class="fa fa-check"></i>Save
</button>

动态生成

HtmlButton hb = new HtmlButton();
hb.ServerClick += Button1_Click;
hb.Attributes.Add("class", "btn blue");
hb.InnerHtml = "<i class=\"fa fa-check\"></i>Save";

PlaceHolder1.Controls.Add(hb);

答案 1 :(得分:0)

您可以使用字符代码直接在按钮文本中添加font-awesome图标。

button.CssClass = "fa";
button.Text = Server.HtmlDecode("&#xf00c; Save");