Mehrere Bedienelemente und clientid asp.net JS

Question

ich die Post am folgenden:

http://mosesofegypt.net/post/GridView-with-Select-All-CheckBox-using-JQuery.aspx

eine Checkbox Spalte in asp.net gridview mit select/deaktivieren Sie alle Funktionen zu erstellen. In meinem Fall liegt die Gridview und der JavaScript-Code (JQuery) in einem dynamisch geladenen Benutzersteuerelement, und es gibt mehrere Instanzen dieses Benutzersteuerelements. Die Funktion Auswählen/Abwählen funktioniert nur in der letzten Benutzersteuerung, die auf der Seite erstellt wurde. Mit anderen Worten, die gvProducts.ClientId im js-Skript kennt nur die letzte Gridview. Irgendwelche Ideen wie bekomme ich einen Verweis auf die ClientIds von Gridview innerhalb anderer Benutzersteuerung (d. H. Andere als die letzte)? Jede Hilfe würde sehr geschätzt werden.

EDIT: Diese Frage ist im Wesentlichen die gleiche wie in diesem Beitrag gefragt: Multiple user control instances and ClientID in JS aber es gibt keine helfenden Antworten dafür.

Danke, Ali

Answer 1

Sie könnten einen CssClass auf die Gridview und stützen Sie Ihre jQuery-Selektor aus davon hinzufügen.

Script:

<script type="text/javascript"> 
    $(function() { 
     $(".t th input:checkbox").click(function() { 
      var $checkbox = $(this).closest('table').find(':checkbox:not(:first)'); 
      $checkbox.attr('checked', $(this).attr('checked')); 
     }); 
    }); 
</script> 

2 Tabellen mit demselben Klassennamen:

<table class="t">   
    <tr> 
     <th align="left" scope="col">Category</th> 
     <th align="left" scope="col">Product</th> 
     <th align="right" scope="col">Unit Price</th> 
     <th align="left" scope="col">Supplier</th> 
     <th scope="col"> 
      <input type="checkbox" name="select-all" /> 
     </th> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
</table> 
<br /><br /><br /> 
<table class="t">   
    <tr> 
     <th align="left" scope="col">Category</th> 
     <th align="left" scope="col">Product</th> 
     <th align="right" scope="col">Unit Price</th> 
     <th align="left" scope="col">Supplier</th> 
     <th scope="col"> 
      <input type="checkbox" name="select-all" /> 
     </th> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td><input type="checkbox" /></td> 
    </tr> 
</table>