2011-01-05 3 views
2

Ich verwende den folgenden Code ein TooltipWie wird Rich Text im Tooltip ASP.Net angezeigt?

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

Display folgendes Ergebnis

alt text

jedoch angezeigt werden, wenn ich den Text bearbeiten, wie folgt (es fett und rot in einem anderen Gridview machen enthält reich Texteditor)

Ich bekomme folgende (als Formatierungsergebnis in der zweiten Rasteransicht)

alt text

aber wenn ich sehe im ersten gridview den Tooltip ich die folgenden reult

alt text

ich brauche Ihre Hilfe wirklich erhalten, um den Bildschirm Tooltip angezeigt werden als Rich-Text-

obwohl viele Leute sagen, dass jquery "sehr einfach" ist, lass es mich wissen, wenn du eine andere Lösung als jquery hast.

+2

Vielleicht sollten Sie uns mehr über Ihre harte Zeit mit jquery im Detail sagen, weil ich nicht bewusst ein Werkzeug bin, die einfacher zu bedienen ist. – Jan

Antwort

2

Verwenden Sie nicht die native QuickInfo des Browsers, sondern implementieren Sie eine Art Ballonspitze. Es gibt viele Möglichkeiten, dies zu tun, auf dieser Seite zeigt 12 Wege in jquery http://www.dreamcss.com/2009/05/12-jquery-tooltip-for-web-developer.html

Ein einfaches Beispiel mit qTip ist ein Attribut namens Tooltip all a-hrefs mit Ihrem Text und Ausführung dieses jquery Startskript hinzufügen

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

obwohl viele Leute sagen, dass Jquery "sehr einfach" ist, habe ich wirklich harte Zeit mit ihm und ich versuchte mehr als 10 Mal, immer versäumt, davon Gebrauch zu machen. Ich weiß, dass es mein schlechtes ist, aber wenn du andere Weise nicht jquery sagst mir sagst. –

2

Sie können einen Blick auf die HoverMenuExtender in der AjaxControlToolkit werfen. Trotz des Namens zeigt es nicht nur Menüs an - Sie können damit Popups erstellen. Ich habe es einfach benutzt, um etwas zu tun, was du machen willst.
z.B.

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