jQueryを使用してネストされたリピータコントロール値を見つけよう

Question

リンクボタンでマウスを動かすとhimageSourceコントロール値を見つける方法。

<asp:Repeater ID="rptMain" runat="server"> 
    <ItemTemplate> 
     <asp:Label ID="lblName" runat="server"></asp:Label> 
     <asp:Repeater ID="prtSub" runat="server"> 
      <ItemTemplate> 
       <asp:HyperLink ID="hlProductName" runat="server"></asp:HyperLink> 
       <asp:HiddenField ID="himageSource" runat="server" /> 
      </ItemTemplate>    
     </asp:Repeater> 
    </ItemTemplate>  
</asp:Repeater> 

Answer 1

ハイパーリンクと非表示フィールドの両方にclass属性を追加します。

<ItemTemplate> 
    <asp:HyperLink ID="hlProductName" runat="server" CssClass="hlproductcls"></asp:HyperLink> 
    <asp:HiddenField ID="himageSource" runat="server" CssClass="hdnimg"/> 
</ItemTemplate> 

これで、このようなことができます。

$(function() { 
      $(".hlproductcls").on("mouseover", function (e) {     
       e.preventDefault(); 
       var val = $(this).next(".hdnimg").val();  
       return true; 
      }); 
    }); 

それ以外の場合は、データバインドされたイベントをキャプチャします。

protected void innerRepeater_ItemDataBound(object sender, RepeaterItemEventArgs e) 
{ 
    if (e.Item.ItemType == ListItemType.AlternatingItem || e.Item.ItemType == ListItemType.Item) 
    { 
    HyperLink hyp = (HyperLink)e.Item.FindControl("hlProductName"); 
    hyp.Attributes.Add("onmouseover", "getValue('" + hyp.ID + "')"); 
    } 
}