RadToolTip：ラベルコントロールでトリガされたマウスオーバーイベントで表示する方法

Question

OnMouseOverイベントがラベルコントロールでトリガされたときに表示するようにツールチップを表示しようとしています。私はあなたがlblStatusからOnMouseOver='ShowToolTip()'を削除しようとしてrttStatusにShowEvent="OnMouseOver"にShowEvent="OnClick"を変えることができるOnMouseOver="ShowToolTip()

<script type="text/javascript"> 
    function ShowTooltip() { 
     window.setTimeout(function() { 
      var tooltip = $find("<%# rttStatus.ClientID %>"); 
      //API: show the tooltip 
      tooltip.show(); 
     }, 10); 
    } 
</script> 

<telerik:RadTreeList> 
    <Columns> 
     <telerik:TreeListTemplateColumn HeaderText="Status" SortExpression="Status" UniqueName="Status"> 
      <ItemTemplate> 
       <asp:Label runat="server" ID="lblStatus" Text='<%# GetStatus(Eval("Status")) %>' 
       OnMouseOver='ShowToolTip()' /> 
      </ItemTemplate> 
      <ItemStyle VerticalAlign="Middle" HorizontalAlign="Left" Width="80px" /> 
      <HeaderStyle HorizontalAlign="Center" Width="80px" /> 
     </telerik:TreeListTemplateColumn> 
    </Columns>    
</telerik:RadTreeList> 

<telerik:RadToolTip runat="server" ID="rttStatus" HideEvent="FromCode" Position="MiddleRight" Title="Raison" 
        Width="150px" Height="70px" Animation="Fade" ShowEvent="OnClick" ShowDelay="0" ManualClose="false" 
        RelativeTo="Element" TargetControlID="lblStatus" IsClientID="true" Text="this is a test" Skin="Telerik" /> 

Answer 1

@デビッド、私が使用して、関連するすべてのjavascriptをせずにこの時間をよりよい解決策を見つけましたRadToolTipManager：

<telerik:RadTreeList> 
    <Columns> 
     <telerik:TreeListTemplateColumn HeaderText="Status" SortExpression="Status" UniqueName="Status"> 
      <ItemTemplate> 
       <asp:Label runat="server" ID="lblStatus" Text='<%# GetStatus(Eval("Status")) %>' ToolTip='<%# Eval("Reason") %>'/> 
      </ItemTemplate> 
      <ItemStyle VerticalAlign="Middle" HorizontalAlign="Left" Width="80px" /> 
      <HeaderStyle HorizontalAlign="Center" Width="80px" /> 
     </telerik:TreeListTemplateColumn> 
    </Columns>    
</telerik:RadTreeList> 

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" RelativeTo="Element" 
    Position="MiddleRight" AutoTooltipify="true" ContentScrolling="Default" Width="150" 
    Height="10" /> 

Answer 2

でJavaScript例外「期待オブジェクト」を取得します。 Source

またtelerik:TreeListTemplateColumnのItemTemplate内telerik:RadToolTipを配置する必要があります。

<telerik:RadTreeList> 
    <Columns> 
     <telerik:TreeListTemplateColumn HeaderText="Status" SortExpression="Status" UniqueName="Status"> 
      <ItemTemplate> 
    <asp:Label runat="server" ID="lblStatus" Text='<%# GetStatus(Eval("Status")) %>' 
          OnMouseOver='ShowToolTip()' /> 

    <telerik:RadToolTip runat="server" ID="rttStatus" HideEvent="FromCode" Position="MiddleRight" Title="Raison" 
         Width="150px" Height="70px" Animation="Fade" ShowEvent="OnClick" ShowDelay="0" ManualClose="false" 
         RelativeTo="Element" TargetControlID="lblStatus" IsClientID="true" Text="this is a test" Skin="Telerik" /> 

      </ItemTemplate> 
      <ItemStyle VerticalAlign="Middle" HorizontalAlign="Left" Width="80px" /> 
      <HeaderStyle HorizontalAlign="Center" Width="80px" /> 
     </telerik:TreeListTemplateColumn> 
    </Columns>    
</telerik:RadTreeList> 

あなたはまた、以下の1 telerik:RadToolTipを試みるが、JavaScriptを変更することができます：

from: var tooltip = $find("<%# rttStatus.ClientID %>"); 
to: var tooltip = $find("<%= rttStatus.ClientID %>"); //Since we're not in a data-binding syntax the '#' should be replaces with '=' 
or: var tooltip = $find("rttStatus"); // The telerik example shows using the literal ID of the control instead of the ClientID. 

source

Answer 3

私はこれが古いですけど、オリジナルの問題は、あなたの関数がShowTooltip命名されていることであるが、これはその後、動作する場合は、あなたのOnMouseOverにあなたがShowTool T IP