kendo ui grid checkboxz勾选全部效果

关键代码片段：

指定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 每一行不选中

      });

  }

});