在树形视图中选择父级时如何获取子级名称

Question

我正在使用带有复选框实现的kendoUI树形视图。 当我选择父复选框时，我能够选中所有儿童的复选框。 现在，我想在选中父复选框时获得所有孩子的文本值。 我在树状视图中使用模板进行复选框操作

$("#ProjectUsersTreeView [type=checkbox]").live('change', function (e) {                       var chkbox = $(this);
                        var parent = chkbox.parent();                            
    var pBox = $(parent).closest('.k-item').find(":checkbox");                               

                       if (this.checked || pBox.length>0) {
                           $(pBox).prop('checked',this.checked ? "checked": "")      
}

Answer 1

建议不要使用KendoUI配置选项checkChildren，而不要使用代码来检查孩子。

tree = $("#ProjectUsersTreeView").kendoTreeView({
            checkboxes:{
                checkChildren: true
            },
            ...
        }).data("kendoTreeView");

然后，要获取所有选定的文本，请使用：

$("#ProjectUsersTreeView [type=checkbox]").live('change', function (e) {
            var checked = $("input:checked", tree);
            $.each(checked, function(idx, elem) {
                console.log("text", tree.text(elem));
            })
        });

在checked我从树中获取了所有实际checked input元素，并通过使用text方法获取它在控制台上显示其文本。

注意 ：意识到我已经将tree定义为$("#ProjectUsersTreeView").data("kendoTreeView") ，然后在change处理程序中使用它。