2011-01-05 15 views
2

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

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

表示次の結果を

alt text

を表示するには、次のコードを使用しますが、次のように私は(リッチを含む別のGridViewで、それは大胆かつ赤作るテキストを編集するときテキストエディタ)

私は以下を取得します(2番目のグリッドビューの書式設定結果として)

alt text

私は、次のreult

alt text

を取得するツールチップを表示するには、最初のGridViewで表示したときしかし、私が本当にものの、リッチテキストとして

をツールチップを表示するためにあなたの助けが必要多くの人がjqueryは「非常に簡単です」と言っています。jquery以外の解決方法があれば教えてください。

+2

を試してみてください。 – Jan

答えて

1

私は使いやすいツールを認識していないだからたぶん、あなたは、私たちに詳細にjQueryを使って、あなたの苦労についての詳細を教えてください。この

How to use AJAX tooltip control?

2

ブラウザのネイティブツールチップを使用せずに、何らかのバルーンチップを実装します。これを行うには多くの方法がありますが、このページはqTipとの簡単な例では、すべてのあなたのA-のhrefは、あなたのテキストを含むと

このjqueryの起動スクリプトを実行するには、ツールチップという名前の属性を追加することですjqueryの内12個の方法 http://www.dreamcss.com/2009/05/12-jquery-tooltip-for-web-developer.html

を示し

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

多くの人がjqueryは "とても簡単"だと言いますが、私は本当に厳しい時があり、10回以上試してみましたが、いつも使っていませんでした。私はそれが私の悪いことを知っているが、あなたが他の方法を知っているなら、jquery plzは私に教えてください。 –

2

AjaxControlToolkitHoverMenuExtenderをご覧ください。名前にもかかわらず、それはメニューを表示するだけではなく、ポップアップを行うために使用することができます。私はちょうどあなたがしたいことに似た何かをするためにそれを使用しました。

<%@ 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> 
関連する問題