如何在工具提示 ASP.Net 中显示富文本？答案

【问题标题】：How to display rich text in tooltip ASP.Net?如何在工具提示 ASP.Net 中显示富文本？
【发布时间】：2014-12-07 17:36:41
【问题描述】：

我使用下面的代码来显示一个工具提示

<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>

显示以下结果

但是，当我按如下方式编辑文本时（在另一个包含富文本编辑器的 gridview 中将其变为粗体和红色）

我得到以下信息（作为第二个网格视图中的格式化结果）

但是，当我在第一个 gridview 中查看以显示工具提示时，我得到以下结果

我真的需要您的帮助才能将工具提示显示为富文本

虽然很多人说jquery“很简单”，但如果你有jquery以外的解决方案，请告诉我。

【问题讨论】：

也许您应该详细告诉我们您在使用 jquery 时遇到的困难，因为我不知道有一个更易于使用的工具。

标签： asp.net tooltip richtext

【解决方案1】：

不要使用浏览器的原生工具提示，而是实现某种气球提示。有很多方法可以做到这一点，这个页面在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')
      });
   });
});

【讨论】：

虽然很多人说jquery“非常简单”，但我真的很难用它，我试了10多次，总是没能用上。我知道这是我的错，但如果你知道不是 jquery 的其他方式，请告诉我。

【解决方案2】：

您可能想看看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>

【讨论】：

【解决方案3】：

试试这个

How to use AJAX tooltip control?

【讨论】：