我们有 Kendo TreeListview 控件吗？答案

【问题标题】：Does we have Kendo TreeListview control?我们有 Kendo TreeListview 控件吗？
【发布时间】：2014-07-29 16:22:44
【问题描述】：

我来自 Silverlight，我能够通过使用 RadTreeListView 控件在 Silverlight 中实现一个功能

http://www.telerik.com/help/silverlight/radtreelistview-overview.html

现在，我正在尝试将该 silverlight 应用程序转换为 HTML 5。我正在使用 kendo 控件。我试图搜索 KendoTreeListView 但没有找到。我怎样才能完成这个功能？

这是我的 Silverlight 应用程序屏幕，我希望它是什么样子

现在就是这样。

【问题讨论】：

标签： c# silverlight kendo-ui telerik treelistview

【解决方案1】：

TreeList 已经实现：http://demos.telerik.com/kendo-ui/treelist/index

【讨论】：

【解决方案2】：

目前没有 Kendo UI TreeList 组件，但它是 UserVoice 上评分最高的项目之一，因此它很可能会包含在未来的版本中。这时候，我们既可以在 Kendo UI 旁边使用 RadTreeListView，也可以使用 Kendo UI TreeView 并设置一个模板，以便每个项目呈现一个表格布局。这是实现它的方法

$("#treelist").kendoTreeView({
                template: function (options) {

                    var htmlbuilder = '';

                    htmlbuilder = htmlbuilder + '<span style="float:left; width:150px;">' + options.item.Name + '</span>';
                    htmlbuilder = htmlbuilder + '<span style="float:right; min-width:50px;">' + options.item.AcquisitionCost + '</span>';
                    htmlbuilder = htmlbuilder + '<span style="float:right; min-width:50px;">' + options.item.OneTime + '</span>';
                    htmlbuilder = htmlbuilder + '<span style="float:right; min-width:50px;">' + options.item.Recurring + '</span>';
                    htmlbuilder = htmlbuilder + '<span style="float:right; min-width:50px;">' + options.item.BaseCapacity + '</span>';

                    return htmlbuilder;
                }};

【讨论】：