2021-02-04 kendoTreeView全选按钮与反选按钮

最新推荐文章于 2021-08-16 20:44:06 发布

原创

最新推荐文章于 2021-08-16 20:44:06 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

本文介绍了如何在kendoTreeView中实现全选和反选功能。通过获取Tree集合并进行递归遍历，可以轻松切换选择状态。配合提供的效果图，帮助理解操作效果。

kendoTreeView全选按钮与反选按钮

最近做项目经常用到kendoTreeView

取Tree集合，递归遍历切换选择状态即可。

function quanxuan(){
        var treeview=$("#treeview-sprites").data("kendoTreeView");
        for (i = 0; i < treeview.items().length; i++) { //循环遍历tree集合
            var checkbox = $(treeview.items()[i]).find(":checkbox");
            checkbox[0].checked=true;//设置checkbox为true
            
        }
    }
    
    function fanxuan(){
        var treeview=$("#treeview-sprites").data("kendoTreeView");
        for (i = 0; i < treeview.items().length; i++) {//循环遍历tree集合
            var checkbox = $(treeview.items()[i]).find(":checkbox");
            checkbox[0].checked=false;//设置checkbox为反选
            
        }
    }

效果图如下：