【发布时间】:2015-01-18 10:41:04
【问题描述】:
我们正在使用剑道树视图来显示分层数据源。
我们的一个要求是在选中/取消选中父级时选中/取消选中所有子级复选框,因此我们使用 checkChildren 属性来实现此目的。
但问题是,当我们取消选中一个子项时,不应取消选中父项,即使父项中有一个子项也是如此。
能否请您提供 jquery 代码 sn-p 来实现这一点。
谢谢
【问题讨论】:
标签: jquery kendo-ui kendo-treeview
我们正在使用剑道树视图来显示分层数据源。
我们的一个要求是在选中/取消选中父级时选中/取消选中所有子级复选框,因此我们使用 checkChildren 属性来实现此目的。
但问题是,当我们取消选中一个子项时,不应取消选中父项,即使父项中有一个子项也是如此。
能否请您提供 jquery 代码 sn-p 来实现这一点。
谢谢
【问题讨论】:
标签: jquery kendo-ui kendo-treeview
编写自己的检查子函数并不那么复杂。只需在check 事件中使用此函数即可:
function onCheck(e) {
var chbx = $(e.node).find('.k-checkbox input').filter(":first");
var state = chbx.is(':checked');
$(e.node).find(".k-group input").prop('checked', state);
//check the dataSource elements
$(e.node).find(".k-group li.k-item").each(function(i,v){
e.sender.dataSource.getByUid($(v).attr('data-uid')).checked = state;
});
}
另外,这里是你想要的 sn-p:http://dojo.telerik.com/AFOqA
【讨论】:
'input[type=checkbox]' 替换 '.k-checkbox input'