2017-03-18 74 views
-1

如何在鼠標懸停在鏈接按鈕時查找himageSource控件值。使用jQuery查找嵌套的中繼器控制值

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

你想要什麼?您可以使用數據綁定事件來掛鉤mousehover事件。 –

+0

我必須在Web應用程序中使用中繼器控件進行動態菜單。當用戶將鼠標懸停在鏈接中,然後獲取hiddenfied的值並使用此值我想要顯示產品圖像。所以我想使用jquery查找此控件值。 – user2156791

回答

0

將類屬性添加到您的超鏈接和隱藏字段。

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

現在在JS你可以做這樣的事情。

$(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 + "')"); 
    } 
} 
+0

以上解決方案工作正常 – user2156791