Question

Currently kendo-knockout library does not support passing kendo.data.dataSource into bindings. I was able to load the treeView with kendo data source using the widget reference sample in the update of my post here: Kendo-Knockout: use knockout view model with kendo datasource to populate kendoTreeView. But was unable to add and remove items to it as well as some other issues.
I am writing this question based on a comment by RP Niemeyer in github:

https://github.com/rniemeyer/knockout-kendo/issues/6

saying that this should be possible if I pass something like data: false, dataSource: yourDataSource and this fiddle:

http://jsfiddle.net/rniemeyer/s5G5k/

Following this example I tried to make an implementation of the treeView:

http://jsfiddle.net/s5G5k/6/

but I am getting an error: Cannot call method 'toLowerCase' of undefined

So my question here is can this work and can I then add/remove objects to the dataSource and see the view updates accordingly? Thanks!

Answer 1

I really need to revisit adding the ability to pass a dataSource directly into the widgets.

One solution for now is to wrap your treeview in a “with” binding and have it get re-rendered when you add/remove items.

Maybe like:

<div data-bind="with: treeView">
    <div id="reportGrid" data-bind="kendoTreeView: { dataSource: treeViewDataSource }"></div>
</div>

http://jsfiddle.net/rniemeyer/6VZxB/