سؤال

أنا أبحث عن طريقة كيفية إضافة خانة اختيار على الرأس التي تدعم أو لم يتم التحقق من كل عمود مربع الاختيار الخاص بي من girdview الخاص بي.

    <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>  
هل كانت مفيدة؟

المحلول

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');
        }
    });
});

نصائح أخرى

لقد نجح فيما يلي:

column.For(x => Html.CheckBox('chkBox', x.Published)).Named('Published');
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top