28

<i>aspボタンのテキスト属性を含めようとしていますが、htmlをテキストとしてレンダリングしているだけです...

<asp:Button runat="server" ID="modify" ToolTip="Modify" CssClass="btn btn-mini" OnClick="modify_Onclick" Text='<i class="icon-edit"></i>' />

私はこれを考えすぎなければなりません...

編集: Twitter ブートストラップ フレームワークを使用しています。だからこその<i>タグ。例を次に示します: http://twitter.github.com/bootstrap/base-css.html#icons

4

8 に答える 8

30

を使用できます<asp:LinkButton。Bootstrapは、入力タイプの送信ボタン（asp：Button）のようにアンカータグ（asp：LinkBut​​ton）をレンダリングします。

<asp:LinkButton runat="server" ID="modify" ToolTip="Modify" CssClass="btn btn-mini" OnClick="modify_Onclick" Text='<i class="icon-edit"></i>' />
于 2013-01-11T19:12:47.627 に答える
22

私がやったのは、htmlボタンを使って、runat=serverその中に入れること<i>でした。

<button runat="server" id="modify" class="btn btn-mini" title="Modify" onserverclick="modify_Onclick">
    <i class="icon-edit"></i>
</button>
于 2012-07-14T17:00:54.910 に答える
7

あなたはこのようにします

    <button runat="server" id="btnRun" onserverclick="functionName" class="btn btn-mini" title="Search">
    <i class="icon-camera-retro"></i> Search
    </button>

この例を見てください (ただし、sitefinity CMS を使用している場合、これは機能しません) ASP ボタン内の素晴らしいフォント

于 2013-06-27T07:54:44.967 に答える
6

<label>タグのfor属性を利用できます。基本的に、 をクリックすると、の属性<label>と同じ ID を持つ html 要素のクリック イベントも発生します。<label>for

例えば：

<label for="modify"><i class="icon-edit"></i></label>
<asp:Button style="display:none;" runat="server" ID="modify" ToolTip="Modify" CssClass="btn btn-mini" OnClick="modify_Onclick" Text='' />

<label>ここで要素をクリックすると（要素<i>もクリックされます）、<asp:button>のクリックイベントが発生します。

于 2013-11-12T09:44:24.510 に答える
2

ボタンを次のように変更した場合:

<asp:LinkButton />

テキスト属性内では完全に正常に機能します。機能が失われることはないと思います。

于 2016-06-30T11:05:22.643 に答える
0

としてレンダリングされる場合、<input type="submit">HTML をラベルとして表示することはできません。リテラル文字列としてレンダリングされます。

この例を参照してください: http://jsfiddle.net/vkNuX/

于 2012-07-13T21:22:44.437 に答える
0

内部に「i」タグを含む html リンクをレンダリングし (提供したリンクのソースを見ると、それが行われます)、ClientScriptManager を使用してクリック時にポストバックすることができます。 GetPostBackEventReference() を使用して、ポストバック スクリプトへの参照を取得します。 http://msdn.microsoft.com/en-us/library/system.web.ui.clientscriptmanager.getpostbackeventreference.aspx

たとえば、次のようになります。

<a class="btn btn-mini" href="javascript:<% ClientScriptManager.GetPostBackEventReference()%>"><i class="icon-refresh"></i> Refresh</a>

これは私の頭から離れているだけなので、少し調整する必要があるかもしれません。次に、これを独自のカスタム asp.net コントロールにロールインできます。

于 2012-07-13T21:30:56.003 に答える