如何在客户端的剑道树视图中显示两个数据文本文件

Question

我想显示在剑道树视图中归档的名称和ID。下面的一个不起作用

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

Answer 1

我为您准备了一个简单的dojo，向您展示了如何对树视图中显示的项目进行模板化。

fast-face android

这里要注意的重要事情是树视图的配置：

  $("#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://dojo.telerik.com/IsUZewoX中提取了演示模板示例，并添加了ID和样式，使其引人注目（包含在带边框的框中）。