ASP.NET Button with Bootstrap Glyphicon

Question

Я пытаюсь использовать глификоны в качестве значков для ASP Button.

Я знаю, что вы можете легко сделать это, предоставив элементу <i> собственный CSS-код glyphicon, а затем родив его под нужную кнопку.

Однако, я хочу сделать это со стороны C# NOT HTML. Как мне это сделать?

Я попытался следующие, но безрезультатно:

HtmlGenericControl i1 = new HtmlGenericControl("i"); 
i1.Attributes["class"] = "glyphicon glyphicon-backward"; 
i1.Attributes["aria-hidden"] = "true"; 

Button btnFirst = new Button(); 
btnFirst.ID = "btnFirst"; 
btnFirst.CommandName = "FirstPage"; 
btnFirst.CssClass = "btn btn-default pageButton"; 
btnFirst.Click += new EventHandler(btnFirst_Click); 
btnFirst.Controls.Add(i1); 
container.Controls.Add(btnFirst); 

Если я бегу, как указано выше, кнопка отображается, но нет значка. В HTML, нет элемента <i>, вложенного под кнопку. На самом деле, похоже, этого не существует.

Answer 1

В принципе вы не можете использовать с глификонами, потому что превращается в <input type='button'>, который не поддерживает никаких дочерних элементов.

Два возможных решения:

---

Использование <asp:LinkButton> вместо :

<asp:LinkButton runat="server" ID="lbFoo" OnClick="lbFoo_Click" CssClass="btn btn-default"> 
    <i class="glyphicon glyphicon-backward" aria-hidden="true"></i>Back 
</asp:LinkButton> 

Это общее решение.

---

Или использовать <button> представить скрытый

<button type="button" class="btn btn-default" onclick="<%=btnHidden.ClientID %>.click()"> 
    <i class="glyphicon glyphicon-backward" aria-hidden="true"></i> 
    Click 
</button> 

<asp:Button runat="server" style="display:none;" ID="btnHidden" 
    OnClick="btnHidden_Click"></asp:Button> 

Это временное решение, если вы настаиваете, используя и не <asp:LinkButton>. Есть и другие обходные пути, но это наиболее законно.