jquery - KendoTreeView 复选框 全部清除

Question

我正在将 KendoTreeView 控件用于分层数据。此外，我需要提供 ClearAll 功能，其中应清除表单中的所有其他字段，包括在 KendoTreeView 中所做的选择。所以我写了这样的东西:

 public ClearAll(): void {
        $('#myTreeView').find('input:checkbox').each(function (index,element) {
            $(element).prop('checked', false);
        });
            }

虽然这会清除 Treeview 中所有选定的复选框，但是在此之后，如果我再次检查父节点 - 不会选中子复选框。

此外，此行为(未检查子节点)仅第一次发生，因此如果我取消选中并再次检查父节点 - 将检查子节点。

我模拟了这个问题的示例示例:

http://dojo.telerik.com/@rahul_ec27/ALihu

Answer 1

HTML

<button id="btnclear" class="k-button" onclick="ClearAll();">Clear All</button>

JavaScript

<script>
function ClearAll()
{
    $(".k-treeview .k-checkbox input").prop("checked", false).trigger("change");
}
</script>