это старый вопрос, но для тех из нас, кому не повезло, все еще приходится поддерживать ASP.NET приложения веб-форм, я прошел через это сам, пытаясь включить загрузочные глифы внутри встроенных кнопок управления.

согласно документации Bootstrap, желаемая разметка выглядит следующим образом:

<button class="btn btn-default">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</button>

мне нужно было, чтобы эта разметка отображалась серверным элементом управления, поэтому я решил найти параметры.

это будет первый логический шаг, но - как объясняет этот вопрос-кнопка отображает <input> элемент вместо <button>, поэтому добавление внутреннего HTML невозможно.

LinkButton (кредит ответ Цветомира Цонева)

источник

<asp:LinkButton runat="server" ID="uxSearch" CssClass="btn btn-default">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</asp:LinkButton>

выход

<a id="uxSearch" class="btn btn-default" href="javascript:__doPostBack(&#39;uxSearch&#39;,&#39;&#39;)">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</a>

плюсы

• выглядит нормально
• Command событие; CommandName и CommandArgument свойства

минусы

• оказывает <a> вместо <button>
• визуализирует и полагается на навязчивый JavaScript

HtmlButton (кредит ответ Филиппа)

источник

<button runat="server" id="uxSearch" class="btn btn-default">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</button>

результат

<button onclick="__doPostBack('uxSearch','')" id="uxSearch" class="btn btn-default">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</button>

плюсы

• выглядит нормально
• делает правильный <button> элемент

минусы

• нет Command событие; нет CommandName или CommandArgument свойства
• визуализирует и полагается на навязчивый JavaScript для обработки его ServerClick событие

на данный момент ясно, что ни один из встроенных элементов управления не подходит, поэтому следующий логический шаг-попытаться изменить их для достижения желаемой функциональности.

пользовательский контроль (кредит ответ Дэна Герберта)

Примечание: это основано на коде Дэна, поэтому все кредиты идут ему.

using System.Web.UI;
using System.Web.UI.WebControls;

namespace ModernControls
{
    [ParseChildren]
    public class ModernButton : Button
    {
        public new string Text
        {
            get { return (string)ViewState["NewText"] ?? ""; }
            set { ViewState["NewText"] = value; }
        }

        public string Value
        {
            get { return base.Text; }
            set { base.Text = value; }
        }

        protected override HtmlTextWriterTag TagKey
        {
            get { return HtmlTextWriterTag.Button; }
        }

        protected override void AddParsedSubObject(object obj)
        {
            var literal = obj as LiteralControl;
            if (literal == null) return;
            Text = literal.Text;
        }

        protected override void RenderContents(HtmlTextWriter writer)
        {
            writer.Write(Text);
        }
    }
}

я разделил класс до минимума и переработал его, чтобы достичь той же функциональности с как можно меньшим количеством кода. Я также добавил пару улучшений. А именно:

• удалить (кажется ненужным)
• удалить TagName переопределить (кажется ненужные)
• удалить HTML декодирование из Text (базовый класс уже обрабатывает это)
• оставить OnPreRender неповрежденными; переопределить AddParsedSubObject вместо (проще)
• упростить RenderContents переопределить
• добавить Value свойство (см. ниже)
• добавить пространство имен (чтобы включить образец @ Register)
• добавить using директивы

на Value свойство просто обращается старый Text собственность. Это связано с тем, что элемент управления native Button отображает value атрибут в любом случае (с Text значение). С value является допустимым атрибутом <button> элемент, я решил включить свойство для него.

источник

<%@ Register TagPrefix="mc" Namespace="ModernControls" %>

<mc:ModernButton runat="server" ID="uxSearch" Value="Foo" CssClass="btn btn-default" >
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</mc:ModernButton>

выход

<button type="submit" name="uxSearch" value="Foo" id="uxSearch" class="btn btn-default">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    Search
</button>

плюсы

• выглядит нормально
• делает правильный <button> элемент
• Command событие; CommandName и CommandArgument свойства
• не визуализирует и не полагается на навязчивый JavaScript

минусы

• нет (кроме как не является встроенным управлением)