서식 파일 ASP.Net에 서식있는 텍스트를 표시하는 방법? 다음과 같이 내가 부자가 포함 된 다른있는 gridview에서이 대담하고 빨간색 만들기 (텍스트를 편집 할 때

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> 

표시 다음과 같은 결과를 표시하려면 다음 코드를 사용 텍스트 편집기)

다음과 같이 표시됩니다 (두 번째 눈금보기의 서식 결과로)

그러나 나는 다음과 같은 reult을 얻을 툴팁을 표시하는 최초의 gridview에서 볼 때

난 정말 텍스트에게 풍부한

비록을 툴팁을 표시하기 위해 여러분의 도움이 필요합니다 많은 사람들은 jquery가 "매우 쉽다"라고 말하면서 jquery가 아닌 다른 해결책이 있다면 알려주십시오.

Answer 1

내가 쉽게 사용할 수있는 도구 인식하지이기 때문에 어쩌면 당신은, 우리에게 세부에서 jQuery로 하드 시간에 대한 자세한 얘기해야이

How to use AJAX tooltip control?

Answer 2

브라우저의 기본 툴팁을 사용하지 말고 풍선 도움말을 구현하십시오. 이 작업을 수행하는 방법에는 여러 가지가 있는데,이 페이지는 JQuery와 12 가지 방법을 보여줍니다 http://www.dreamcss.com/2009/05/12-jquery-tooltip-for-web-developer.html

qTip와 간단한 예는 모든 A-하는 HREF이 JQuery와 시작 스크립트

당신의 텍스트를 포함하고 실행에 속성 명명 된 도구 설명을 추가하는 것입니다

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

Answer 3

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>