複数のユーザーコントロールとのClientID asp.net JS

Question

私はポストを、次の午前：

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

を選択/すべての機能を選択解除してasp.netのGridViewの中のチェックボックス列を作成します。 私の場合、gridviewとjavascript（JQuery）コードは動的にロードされるusercontrolの中にあり、そのユーザーコントロールのインスタンスは複数あります。選択/選択解除機能は、ページ上に作成された最後のユーザーコントロールでのみ機能します。 つまり、jsスクリプトのgvProducts.ClientIdは最後のグリッドビューについてのみ認識します。 どのように私は他のusercontrol内のgridviewのClientIdsへの参照を得ることができます（つまり、最後のもの以外）？ ご迷惑をおかけして申し訳ございません。

編集：この質問は本書の質問と本質的に同じです：Multiple user control instances and ClientID in JS しかし、援助の答えはありません。

おかげで、 アリ

Answer 1

あなたがGridViewコントロールにのCssClassを追加し、その離れてあなたのjQueryのセレクタのベースができます。

スクリプト：同じクラス名を持つ

<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のテーブル：

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