Kendo UI TreeView 复选框全选答案

【问题标题】：Kendo UI TreeView Checkbox Select AllKendo UI TreeView 复选框全选
【发布时间】：2019-06-13 03:20:41
【问题描述】：

我也遇到过类似DEMO 的情况。

当我点击表格顶部的“全选”时，它会在 kendoTreeView 上勾选下面所有 ID 名称不同的复选框？
为什么我无法检查父节点。例如，如果检查名称“Steven Buchanan”，则所有孩子都是检查。

DEMO IN DOJO

【问题讨论】：

标签： javascript kendo-ui kendo-treeview

【解决方案1】：

我已经找到答案了。

我需要在“全选”复选框上创建 onchange 函数。 Source in here

 <input type="checkbox" id="chbAll" value="Uncheck" class="k-checkbox" onchange="chbAllCheck()" />

function chbAllCheck() {
  var checkButtonValue = $("#chbAll").val();

  if(checkButtonValue == "Uncheck"){
    $("#treeview .k-checkbox-wrapper input").prop("checked", true).trigger("change");
    $("#treeview_1 .k-checkbox-wrapper input").prop("checked", true).trigger("change");
    $("#treeview_2 .k-checkbox-wrapper input").prop("checked", true).trigger("change");
    $("#chbAll").val("Check");
  } else {
    $("#treeview .k-checkbox-wrapper input").prop("checked", false).trigger("change");
    $("#treeview_1 .k-checkbox-wrapper input").prop("checked", false).trigger("change");
    $("#treeview_2 .k-checkbox-wrapper input").prop("checked", false).trigger("change")
    $("#chbAll").val("Uncheck");
  }
}

需要替换这一行checkboxes: { checkChildren: true },。 Source in here

这里是working demo，以防有人需要

【讨论】：