Как отобразить два текстовых файла в виде дерева кендо на стороне клиента

Question

Я хочу отобразить имя и идентификатор в виде дерева кендо.ниже не работает

$("#trainingtreelist").kendoTreeView({
                dataTextField:"name"+"id",
                dataSource: data
            });

Answer 1

Я подготовил для вас простое додзё, показывающее, как шаблонизировать элементы, отображаемые в древовидной структуре.

https://dojo.telerik.com/IsUZewoX

Здесь важно обратить внимание на конфигурацию дерева:

  $("#treeview").kendoTreeView({
     template: kendo.template($("#treeview-template").html()),
     dataSource: ...remove for brevity
}); 

, а затем использовать шаблон, изложенный здесь:

 <script id="treeview-template" type="text/kendo-ui-template">
            #: item.text # <span style="border:1px solid black; margin:3px;padding:10px; font-weight:bold; "> #:item.id#</span>

            # if (!item.items) { #
                <a class='k-icon k-i-close-outline' href='\#'></a>
            # } #
        </script>

мы можем restyle предметы, как нам нравится.Я просто взял пример демонстрационного шаблона из: https://demos.telerik.com/kendo-ui/treeview/templates и добавил идентификатор и стилизовал его так, чтобы он был заметен (содержится в рамке).