auf klicken asp.net Schaltfläche in einem Listenansicht

Question

<asp:ListView runat="server" ID="lsvAccessMode" ClientIDMode="Static" OnItemDataBound="lsvAccessMode_ItemDataBound"> 
    <ItemTemplate> 
     <div class="col-xs-6 col-md-4 col-xs-12"> 
      <asp:RadioButton runat="server" clientidmode="static" CssClass="customSelectBox disabled" ID="rbAccessMode" GroupName="accessMode" Enabled='<%#Convert.ToBoolean(Eval("IsSelected"))%>' /> 
      <div class="customBox disabled" id="customBox"> 
       <strong><%# Eval("Decode1") %></strong><br> 
       <img src="<%# Eval("ImagePath") %>" style="height: 80px"><br> 
       <span class="help-block"><%# Eval("Decode2") %></span> 
      </div> 
     </div> 
    </ItemTemplate> 
</asp:ListView> 

Ich habe den folgenden Code oben. Wenn ich also auf eine der Schaltflächen oben klicke, wird eine Klasse hinzugefügt. Aber ich bin mit dem folgenden Problem konfrontiert, ich weiß nicht, was in ID-Teil der $(' ').click-Funktion einfügen.

Kann jemand helfen?

Answer 1

Warum nicht die CSS-Klasse verwenden?

$('.customSelectBox')

z.B.

// attach the handler on the DOM to include all dynamically generated controls, too 
$(document).on('click', '.customSelectBox', function() { 
    // to get the one that was clicked 
    var $this = $(this); 
    // do the rest 
}); 

Answer 2

Verwendung Teil id wie unten

$('[id*="rbAccessMode"]').click(
    function() { $(this).addClass("yourClass"); 
}); 

Answer 3

Sie können nicht die ID für die Zuordnung einer Funktion zu dem Click-Ereignis aus 2 Gründen verwenden.

Sie verwenden ClientIDMode="Static", so wird es mehrere IDs auf der Seite mit dem gleichen Wert geben.

Auch wenn Sie ClientIDMode="Static" entfernen würde, Sie sind noch nicht in der Lage, die ID rbAccessMode zu verwenden, da es in einer Steuerung ist, die Daten wiederholt werden rbAccessMode in wie dieses lsvAccessMode_rbAccessMode_2 etwas gedreht werden keine doppelten IDs, um sicherzustellen, gibt es.

Entfernen Sie alle ClientIDMode="Static" Attribute und weisen Sie das Klickereignis basierend auf dem Klassennamen zu.

Answer 4

Vielen Dank, ich habe es geschafft, die Frage mit all Ihrer Hilfe zu lösen. Dank der Vorschläge von Joel und Ted habe ich die DOM-Struktur meines Codes geändert. Dank VDWWD habe ich den ClientIDMode = "Static" entfernt und es funktioniert. Unten ist mein Arbeitscode.

$(document).on('click', '#selectorBox', function() { 
     $(this).children().addClass('active'); 
    }); 


<asp:ListView runat="server" ID="lsvAccessMode" ClientIDMode="Static" OnItemDataBound="lsvAccessMode_ItemDataBound"> 
<ItemTemplate> 
    <div id="selectorBox" class="col-xs-6 col-md-4 col-xs-12" runat="server" clientIDMode="Static"> 
     <asp:RadioButton runat="server" CssClass="customSelectBox disabled" ID="rbAccessMode" GroupName="accessMode" Enabled='<%#Convert.ToBoolean(Eval("IsSelected"))%>' /> 
      <div class="customBox disabled" id="customBox"> 
       <strong><%# Eval("Decode1") %></strong><br> 
        <img src="<%# Eval("ImagePath") %>" style="height: 80px"><br> 
         <span class="help-block"><%# Eval("Decode2") %></span> 
       </div> 
     </div> 
</ItemTemplate> 

ich eine zusätzliche ID in der übergeordneten Klasse hinzugefügt genannt Anstatt also Aufruf direkt auf den Button, ich seine Eltern dann die .children mit navigieren nach unten() -Methode. Danke euch noch einmal. Hoffe, mein Beitrag könnte Menschen besonders Anfänger helfen, die neu in asp.net sind.