Come passare id cliente della voce in ripetitore a JavaScript

Question

ho bisogno di passare div id client a JavaScript di un ripetitore

Ho 3 div all'interno di un ripetitore ho evento onmouseover voglio afferrare id cliente div elemento c'è un modo posso passare esatto cliente di elemento div

Can u ragazzi mi aiutare Grazie

Answer 1

Qualcosa di simile (se ho capito si correttamente):

Markup:

<asp:Repeater id="myRepeater" OnItemDataBound="myRepeater_ItemDataBound" runat="server"> 
    <ItemTemplate> 
     <div id="myDiv" runat="server">......</div> 
    </ItemTemplate> 
</asp:Repeater> 

Codice-behind:

protected void myRepeater_ItemDataBound(object sender, RepeaterItemEventArgs e) 
{ 
    if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) 
    { 
     HtmlGenericControl myDiv = e.Item.FindControl("myDiv") as HtmlGenericControl; 
     // you can just pass "this" instead of "myDiv.ClientID" and get the ID from the DOM element 
     myDiv.Attributes.Add("onmouseover", "doStuff('" + myDiv.ClientID + "');"); 
    } 
} 

Answer 2

Se il ripetitore rende al browser, è possibile ottenere l'elemento ripetitore con:

var rep = $get("<%= rpt.ClientID %>"); 

In caso contrario, avvolgere un

<DIV id="RepeaterEL"></div> 

intorno al ripetitore, e accedere ai suoi figli sia attraverso puro JavaScript (e le childNodes raccolta), o utilizzando jQuery come

$("#RepeaterEL").children("DIV").each(function(i) {  
    var id = $(this).attr("id"); //<- pointer to DIV }); 

Answer 3

Se volete farlo in marcatura, è possibile utilizzare quanto segue per ottenere il ClientId:

<%# Container.FindControl("_RepeaterEL").ClientID %> 

Answer 4

<asp:Panel CssClass="modal hide fade" ID="myModal" runat="server"> 
          <div class="modal-header"> 
           <a class="close" data-dismiss="modal">×</a> 
           <h3>Add to cart</h3> 
          </div> 
          <div class="modal-body"> 
           <nav> 
            <iframe seamless src="/ToCart/<%# DataBinder.Eval(Container.DataItem, "code")%>" 
             style="border-style: none;"> </iframe> 
           </nav> 
          </div> 
</asp:Panel> 

<a data-toggle="modal" href="#<%#Container.FindControl("myModal").ClientID%>"> 
    <div class="add-to-cart-one">+</div> 
</a>