Kendo ui 如何在客户端显示kendo treeview中的两个数据文本文件

Kendo ui 如何在客户端显示kendo treeview中的两个数据文本文件,kendo-ui,Kendo Ui,我想显示剑道树视图中的名称和id文件。下面的那个坏了 $("#trainingtreelist").kendoTreeView({ dataTextField:"name"+"id", dataSource: data }); 我已经为您准备了一个简单的dojo,向您展示如何为树视图中显示的项目设置模板 这里需要查看的重要内容是treeview的配置: $("#treeview").kendoTree

我想显示剑道树视图中的名称和id文件。下面的那个坏了

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

我已经为您准备了一个简单的dojo,向您展示如何为树视图中显示的项目设置模板

这里需要查看的重要内容是treeview的配置:

  $("#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>

#:item.text##:item.id#
#如果(!item.items){#
# } #
我们可以
restyle
。我只是简单地从中获取了演示模板示例,并添加了id和样式,使其引人注目(包含在带边框的框中)