2010-11-25 14 views
1

私のgirdviewのチェックボックスのチェックを外すかチェックしないかをチェックするヘッダーにチェックボックスを追加する方法を探しています。Mvc投稿グリッドチェックボックス付き

<table class="grid"> 
    <th><input type="checkbox" name="chkall"/></th> 
    <th>Name</th> 
    <tr> 
     <td>  
      <input type="checkbox" id="chkItem_1"/> 
     </td> 
     <td> 
      Category 1 
     </td> 
    </tr> 
    <tr> 
     <td>  
      <input type="checkbox" id="chkItem_2"/> 
     </td> 
      <td> 
      Category 2 
     </td> 
    </tr> 
</table> 

答えて

9
column.For(x => Html.CheckBox("mycheckbox", new { @class = "foo" })) 
    .DoNotEncode() 
    .Header("<th><input type=\"checkbox\" id="chkHeader" /></th>"); 

そして、あなたが他のすべてのチェックを外す/ヘッダーチェックボックスの変更イベントを処理するためにjqueryのを使用してチェックすることができ:

$(function() { 
    $('#chkHeader').change(function() { 
     if ($(this).is(':checked')) { 
      $('.foo').attr('checked', 'checked'); 
     } else { 
      $('.foo').removeAttr('checked'); 
     } 
    }); 
}); 
+2

DoNotEncode()は廃止されました。代わりにEncode(false)を使用する – Eldar

5

私のために働いている以下:

column.For(x => Html.CheckBox('chkBox', x.Published)).Named('Published'); 
関連する問題