关键代码片段:
指定kendo ui grid的列
Columns = [
{template:'<input type="checkbox" class="checkbox" name="testId" value="#=id #" />', title:'<input type="checkbox" id="testIds" />', width:30},
{field:"name", title:"名字", width:80}
];
定义testIds的click事件处理
$("#testIds").on("click", function(){
if($(this).is(":checked")){
$(".checkbox").each(function(){
$(this).prop("checked", true); //此处设置每行的checkbox选中,必须用prop方法
//$(this).attr("value") 记录好每行的id
$(this).closest("tr").addClass("k-state-selected"); //设置grid 每一行选中
});
}else{
$(".checkbox").each(function(){
$(this).prop("checked", false); //此处设置每行的checkbox不选中,必须用prop方法
//$(this).attr("value") 移除每行的id
$(this).closest("tr").removeClass("k-state-selected"); //设置grid 每一行不选中
}
});