kendo-ui - 在 Kendo UI Treeview 中选择复选框

Question

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

谢谢，拉贾

Answer 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");

Answer 2

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

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

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

Answer 3

如果您通过使用 JavaScript 添加“已检查”属性来检查节点，例如

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

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

$('input').click();

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