您好,欢迎来到尔游网。
搜索
您的当前位置:首页kendo ui grid checkboxz勾选全部效果

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

      });

  }

});

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- axer.cn 版权所有 湘ICP备2023022495号-12

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务