2

我使用以下代码显示工具提示

<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以外的解决方案，请告诉我。

4

3 回答 3

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')
      });
   });
});
于 2011-01-05T10:49:43.343 回答
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>
于 2011-01-05T16:52:22.197 回答
1

试试这个

如何使用 AJAX 工具提示控件？

于 2011-01-08T00:28:30.683 回答