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> 
    # } # 

UPDATE

Вот проблеск моего кода

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, 1-й данные, которые не имеют элементов. Вы все равно должны использовать добавить нулевой items : null, в противном случае это будет другая ошибка
2. HasChildren должен быть направлен на пунктов не IdhasChildren: "items"

Здесь я раздвоенный ваш jsFiddle