Kendo UI TreeView复选框全选

时间:2019-06-13 03:20:41

标签: javascript kendo-ui kendo-treeview

我有类似DEMO的情况。

  1. 当我单击表格顶部的“全选”时,它将在kendoTreeView上使用不同的ID名称检查以下所有复选框吗?
  2. 为什么我无法检查父节点。例如,如果检查名称“ Steven Buchanan ”,则所有孩子都被检查。

DEMO IN DOJO

1 个答案:

答案 0 :(得分:1)

我已经找到答案了。

  1. 我需要在“全选”复选框上创建onchange函数。 Source in here
Value from test
 <input type="checkbox" id="chbAll" value="Uncheck" class="k-checkbox" onchange="chbAllCheck()" />
  1. 需要替换此行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"); } } Source in here

这里有一个working demo,以防有人需要