在 Kendo UI Treeview 中选择复选框答案

【问题标题】：Selecting checkbox in Kendo UI Treeview在 Kendo UI Treeview 中选择复选框
【发布时间】：2012-12-01 13:55:25
【问题描述】：

我正在使用带有复选框的 Kendo UI 树视图。我的问题是当我加载树时，我将使用 javascript 检查一些复选框。但这不会自动选择父复选框。我需要手动执行此操作还是框架中有任何选项。

谢谢，拉贾

【问题讨论】：

【解决方案1】：

假设您要选择被选中的节点：

// Get the node that is selected
var selected = treeview.select();
// Find the checkbox associated with this node
var checkbox = $("input[type='checkbox']", selected)[0];
// Click on it for selecting it and its ancestors
checkbox.click();

成为treeview 的结果是创建kendoTreeView：

var treeview = $("#my_tree").kendoTreeView({...}).data("kendoTreeView");

【讨论】：

【解决方案2】：

如果您通过使用 JavaScript 添加 'checked' 属性来检查节点例如

$('input').attr('checked','checked')

您需要手动处理父级检查。但是，如果您模拟单击，TreeView 将更新其状态，就像您使用鼠标单击时一样。例如

$('input').click();

请记住，您需要调用复选框输入上的单击，而不是包装它的 span 元素。

【讨论】：

【解决方案3】：

Kendo ui (html5) treeview 位置被重置到树的开头。当我绑定树中的许多记录时。当我选择最后一个节点时，树视图位置将重置为树的开头。此问题仅在 IE (Internet Explorer 9) 中出现。在 Firefox 和 chrome 中它工作正常。

图 1 显示了在选择最后一条记录的树节点后，treeview 重置为树开头的页面。

图 2 显示了在底部选择了 treeview 节点的页面

【讨论】：