angularjs - Cómo renderizar una vista de árbol usando UI Angular y Kendo

kendo-ui kendo-treeview

Question

Estoy teniendo grandes dificultades para hacer una vista de árbol con angular y kendo. Aquí está el código que tengo hasta ahora:

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" }
                        ]
                    }
                ]
            };

Arriba está el controlador. Y aquí está el marcado.

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

Además, ¿hay alguna documentación sobre cómo hacer esto?

Answer 1

Lo tengo trabajando a través de k-options .

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

La única documentación que pude encontrar fue esta página que, a juzgar por su uso de "cosas", también encontró: p

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

Buena suerte con Kendo + Angular :)

Answer 2

Si bien esta publicación es un poco antigua, es una de las primeras que aparece en una búsqueda en Google. Al crear una vista de árbol, asegúrese de crear una HierarchicalDataSource . Esto le permite definir nodos secundarios y otras propiedades, como si el elemento debe tener o no nodos secundarios. Esto ayuda mucho cuando se usa una fuente de datos remota.