我们有Kendo TreeListview控件吗?

时间:2014-06-09 06:47:10

标签: c# silverlight kendo-ui telerik treelistview

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

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

现在,我正在尝试将该silverlight应用程序转换为HTML 5.我正在使用kendo控件。我试图搜索KendoTreeListView但没有找到任何。我如何才能实现这一功能?

这是我的Silverlight应用程序屏幕,我希望它看起来像

This my Silverlight application screen, how I want it to look like

现在就是这样。

KendoTree

2 个答案:

答案 0 :(得分:0)

答案 1 :(得分:-2)

目前没有Kendo UI TreeList组件,但它是UserVoice上评价最高的项目之一,因此它可能会包含在将来的版本中。此时,我们既可以将RadTreeListView与Kendo UI一起使用,也可以使用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;
                }};