父级和子级共享相同列的Kendo UI层次结构网格

Question

我们正在处理网络应用的报告选择页面。某些报告只需单击即可运行。其他报告有变化（例如，按客户销售，按销售人员销售，按产品销售等），因此用户需要点击两次：一次选择报告＆＃34;组＆＃34;，其次报告运行一个特定变体。

这是我们尝试实现的目标的模型：

真正的实现将有更多列，我在这里只显示两列来说明我们想到的嵌套UI。

我们正在使用Kendo UI网格，它具有原生分组和层次结构功能，但似乎都不是我们正在寻找的，因为这两个功能似乎都针对主/细节类型进行了优化嵌套，其中：

1. 父母和孩子有不同的列，但在我们的例子中，我们希望列对所有行都相似，甚至是可扩展的列。
2. 父母和孩子不能在同一个列表中成为同伴，但在我们的案例中，我们希望模糊1变异和多变量报告之间的区别。

有关如何在Kendo UI Grid上实现我们所需要的任何建议吗？

Answer 1

Kendo UI TreeList（不是TreeView）表示具有相同列的行的分层列表。

你可以在这里看到它的演示：http://demos.telerik.com/kendo-ui/treelist/index

Answer 2

如果您打算使用kendoTreeList，并且您的数据来自ajax调用，请记住一件事。你需要做的是在kendoTreeList之外使用$ .ajax，你还需要一个全局变量来存储将传递给dataSource的新json并执行读取以更新treeList。

$.ajax(url:myUrl, success:function(data){
//flatten the returned json if it's hierarchical
//loop and flatten data
myJson = flatJson;
ds = new kendo.hierarchicalDataSource({data:myJson});
ds.read(); //triggers the update of the dataSource
}