如何使用Angular和Kendo UI渲染树视图

时间:2013-08-25 04:51:12

标签: angularjs kendo-ui kendo-treeview

我很难尝试使用角度和剑道渲染树视图。这是我到目前为止的代码:

Website1.controller("FieldsController1", function ($scope) {
     $scope.things = {
                data: [
                    {
                        text: "Furniture", items: [
                          { text: "Tables & Chairs" },
                          { text: "Sofas" },
                          { text: "Occasional Furniture" }
                        ]
                    },
                    {
                        text: "Decor", items: [
                          { text: "Bed Linen" },
                          { text: "Curtains & Blinds" },
                          { text: "Carpets" }
                        ]
                    }
                ]
            };

以上是控制器。这是标记。

<ul kendo-tree-view k-hierarchical-data-source="things">
</ul>

另外,有没有关于如何做到这一点的文件?

2 个答案:

答案 0 :(得分:4)

我通过k-options开始工作。

http://jsfiddle.net/M84qj/1/

我能找到的唯一文件就是这个页面,从你对“事物”的使用来看,你也发现了:p

http://kendo-labs.github.io/angular-kendo/#/

祝Kendo + Angular好运:)

答案 1 :(得分:0)

虽然这篇文章有点旧,但它是最早出现在Google搜索上的帖子之一。创建树视图时,请确保创建HierarchicalDataSource。这允许您定义子节点和其他属性,例如项目是否应具有子节点。这有助于在使用远程数据源时节省时间。