MVC Contrib Grid مع خانة الاختيار
-
28-09-2019 - |
سؤال
أنا أبحث عن طريقة كيفية إضافة خانة اختيار على الرأس التي تدعم أو لم يتم التحقق من كل عمود مربع الاختيار الخاص بي من 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');
لا تنتمي إلى StackOverflow