javascript - Kendo TreeView - 仅将删除图像图标添加到没有子节点的父节点

Question

所以我有一个 Kendo TreeView，其中父节点有子节点项。

我真的不喜欢这些模板，但我不知道其他方法来制作图像图标。

此代码始终显示图像图标，但我只希望它是 ，如果它下面没有 则显示 。

<script id="treeview-template" type="text/kendo-ui-template">
 #: item.ReportGroupName #
 # if (!item.hasChildren) { #
 <a href='\#'><span class='delete-link glyphicon glyphicon-remove-circle'></span></a>
 # } #

更新

这是我的代码的一瞥

var homogeneous = new kendo.data.HierarchicalDataSource({

                                    transport: {
                                        read: {
                                            url: serviceRoot + "/GetReportGroupAssignments", 
                                            dataType: "json" 
                                        }
                                    },
                                    schema: {
                                        model: {
                                            id: "Id" 
                                            ,
                                            children: "items",
                                            hasChildren: "Id"

                                        }
                                    }
                                });                         

然后

var treeview = $("#treeview").kendoTreeView({
                                    expanded: true,
                                    dragAndDrop: true,
                                    select: onSelect,
                                    loadOnDemand: false,
                                    dataSource: homogeneous,
                                    dataTextField: "ReportGroupName",
                                    template: kendo.template($("#treeview-template").html())
}).data("kendoTreeView");

Answer 1

好的，这是您所做的导致错误的操作

查看您的 JSON 数据，第一个没有 项目 的数据。您仍然应该使用 add null items : null ，否则将是另一个错误

hasChildren 应该指向 项目 而不是 Id hasChildren: "items"

我在这里 fork 了你的 jsFiddle