目前没有 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;
}};