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

时间:2016-03-29 07:31:54

标签: javascript kendo-ui telerik treeview kendo-treeview

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

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

此代码始终显示图片图标,但如果其下方有 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");

1 个答案:

答案 0 :(得分:0)

好的,这就是你所做的导致错误的原因

  1. 查看 JSON 数据,第一个没有的数据。您仍然应该使用add null Windows.ApplicationModel.Store.CurrentApp.AppId,否则会出现另一个错误
  2. hasChildren 应指向商品而不是 ID items : null
  3. 在这里,我分叉了你的jsFiddle