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

Question

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

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

这段代码总是显示图像图标，但我只希望它是 SHOW 如果下面有 NOTHING。

<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

好的，这是导致错误的原因

1. 看看你的JSON数据，第一个数据没有items。还是应该用add nullitems : null，不然又会报错
2. hasChildren 应该指向 items 而不是 Id hasChildren: "items"

在这里我分叉了你的jsFiddle