Grid code
columns: grid.Columns(
grid.Column(format: @ <input type="checkbox" @(item.Conf_Is_Approved == true ? " disabled='disabled'" : null) value="@item.Conf_ID" name="ids" /> , header: "{checkall}"),
))
<script>
$(document).ready(function (){//2nd click event for header checkbox for select /deselect all$(document).on("click", "#cbSelectAll", function () {var ischecked = this.checked; //alert(ischecked); // jQuery 1.7+$('#checkableGrid').find("input:checkbox").each(function () {this.checked = ischecked;}); }); });
$("#checkableGrid th").each(function ()
{ if ($.trim($(this).text().toString().toLowerCase()) === "{checkall}")
{ $(this).text('');
$("", { type: "checkbox", id: "cbSelectAll", value: "" }).appendTo($(this));
$(this).append(" All");
}
}); //3rd click event for checkbox of each row $("input[name='ids']").click(function () { //alert('hi');
var totalRows = $("#checkableGrid td :checkbox").length;
var checked = $("#checkableGrid td :checkbox:checked").length;
if (checked == totalRows) { $("#checkableGrid").find("input:checkbox").each(function () {
this.checked = true;
});
}
else { $("#cbSelectAll").removeAttr("checked");
}
});
script>
Nilesh ShahPosted Mar 15, 2017, 11:32 AM