asp.net - ツールチップASP.Netにリッチテキストを表示するには?

Question

次のコードを使用してツールチップを表示します

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="ID" DataSourceID="AccessDataSource1">
    <Columns>
        <asp:CommandField ShowEditButton="True" />
        <asp:BoundField DataField="ID" HeaderText="ID" InsertVisible="False" 
            ReadOnly="True" SortExpression="ID" />
        <asp:BoundField DataField="datefu" HeaderText="date" 
            SortExpression="datefu" />
        <asp:TemplateField HeaderText="title" SortExpression="titlefu">
            <EditItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("titlefu") %>'></asp:TextBox>
            </EditItemTemplate>
            <ItemTemplate>

        <a href="#" title="<asp:Literal ID="Label1" runat="server" Text='<%# Eval("fu") %>'/>"/>



        <asp:Label ID="NamePatientLabel" runat="server" Text='<%# Eval("titlefu") %>' />

            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

次の結果を表示します

ただし、次のようにテキストを編集すると（リッチテキストエディターを含む別のグリッドビューで太字と赤になります）

私は次のようになります（2番目のグリッドビューのフォーマット結果として）

ただし、最初のグリッドビューで表示してツールチップを表示すると、次の結果が得られます

ツールチップをリッチ テキストとして表示するには、本当にあなたの助けが必要です

多くの人が jquery は「とても簡単」だと言っていますが、jquery 以外の解決策があれば教えてください。

Answer 1

AjaxControlToolkitの HoverMenuExtender を確認することをお勧めします。その名前にもかかわらず、メニューを表示するだけではありません。これを使用してポップアップを実行できます。私はあなたがやりたいことと似たようなことをするためにそれを使いました。
例えば

<%@ Register TagPrefix="ajaxtoolkit" Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" %>
<asp:ScriptManager runat="server" ID="scriptmanager" />
<div>
    <asp:GridView ID="Gridview1" runat="server" AutoGenerateColumns="false" CellPadding="2"
        CellSpacing="2">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:Label ID="Label1" Text='<%# Container.DataItem %>' runat="server" />
                    <ajaxtoolkit:HoverMenuExtender runat="server" TargetControlID="Label1" PopupControlID="PopupPanel"
                        ID="hme" PopupPosition="Right" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:Panel ID="PopupPanel" runat="server" BackColor="White">
        <asp:Label ID="Label2" Text="Some text" runat="server" Font-Bold="true" ForeColor="Red" />
    </asp:Panel>
</div>

Answer 2

ブラウザのネイティブ ツールチップを使用せず、何らかのバルーン チップを実装します。これを行うには多くの方法があります。このページでは、jquery で 12 の方法を示していますhttp://www.dreamcss.com/2009/05/12-jquery-tooltip-for-web-developer.html

qTipを使用した簡単な例は、テキストを含むすべての a-href に tooltip という名前の属性を追加し、この jquery 起動スクリプトを実行することです。

$(document).ready(function() 
{
   $('#content a[tooltip]').each(function()
   {
      $(this).qtip(
      {
         content: $(this).attr('tooltip')
      });
   });
});

Answer 3

これを試して

AJAX ツールチップ コントロールの使用方法