我的树状图是这个
@(Html.Kendo().TreeView()
.Name("AccessControlTree")
.DataTextField("Name")
.Deferred()
.HtmlAttributes(new { style = "width: 500px" })
.Checkboxes(c => c
.CheckChildren(false)
)
.DataSource(dataSource => dataSource.Read(read => read.Action(@Model.ActionMethod, @Model.ControllerName, new { area = @Model.AreaName }).Data("sethierarchyoption"))
.ServerFiltering(false))
.LoadOnDemand(true)
.Events(events =>
{
events.DataBound("onTreeViewBound").Select("onSelect");
})
)
我需要自定义如下行为;1)如果我们选择父节点,那么子节点也会被选择。2)如果没有选择父节点,用户应该能够在不更改父节点的选中状态的情况下选择单个子节点。
我可以通过制作'.CheckChildren(true)'来做第一个,但是第二个失败了。我想如果我在java脚本中捕捉到checked change事件,那么我可以解决这个问题。知道吗?
最佳答案
使用这个问题就解决了。 function onTreeViewBound(e) {
$("input:checkbox[name=checkedNodes]").on('click', function () {
var checkedStatus = $(this).is(':checked');
$(this).closest(".k-item").find(".k-group .k-item input:checkbox[name=checkedNodes]").each(function () {
$(this).attr('checked', checkedStatus);
$(this).prop('checked', checkedStatus);
});
});
}
关于kendo-ui - Kendo Treeview 复选框更改事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29029302/