Hi,
I am using KendoUI for javascript angular directive. I have a list of tree object like:
dc.DataSource=[{Name:"Item1",Children:[{Name:"Item1.1"},{Name:"Item1.2"}]},
{Name:"Item2",Children:[{Name:"Item2.1"},{Name:"Item2.2"}]}
];
What I want to achieve is show each object in datasource in a listview template, and inside the template, I want to use tree view to display the hierarchical data(and a checkbox for each item data). In below code, I just want to know how to set the datasource of the treeview since it is different for each item
<div kendo-list-view k-data-source="dc.DataSource">
<div k-template>
<div class="col-md-3">
<div kendo-tree-view="tree" k-data-source="{{dataItem}}">
<span k-template>
{{dataItem.Name}}
</span>
</div>
</div>
</div>
</div>
Thanks,
Ziff
3 Answers, 1 is accepted
The following dojo example demonstrates how to populate a TreeView with the item bound to the ListView item, but please note that the children collection of the TreeView dataSource must be named "items":
If further assistance on this matter is needed, please do not hesitate to contact us again.
Regards,
Konstantin Dikov
Progress Telerik
Rank 1
Hello,
Thanks for your advice and it works now. I have a future request that I need show checkbox for each item. My datasource for listview has a "checked" property so when listview and treeview is initial displayed, some of the nodes are already checked. My problem is after user check/uncheck items, how can I update it back to datasource.
Thanks,
Ziff
In order to have the TreeView with checkboxes I would suggest using configuration similar to the one illustrated in the example below:
Also check out the modified dojo for reference:
Regards,
Viktor Tachev
Progress Telerik