TreeView not displaying children nodes when hierarchical datasource is modified

[Klaus]

The datasource for my treeview is defined as follows:

 legends = new kendo.data.HierarchicalDataSource({                   
                 schema: {
                     model: { id : "id", hasChildren: true,  children: "layers"    }
                 }
             });      

and my treeview is initialized like this:

  $("#treeview").kendoTreeView({ 
                 checkboxes : { checkChildren : true },
                 dataSource: legends }); 

This is supposed to be a dynamic data source allowing me to add and remove items during runtime.  When I add and remove items from legends, I expect the treeview to add and remove nodes accordingly.  So when I later create a model like this:

var category = {id : 0, text : "some text", expanded : true, spriteCssClass : "folder", layers : [] }

and add it to the datasource using the add method

                legends.add(category); 

I should expect to see a tree node automatically created.  This works.

If I later grab the category created above from legends.data() and add a child layer like this:

category.layers.push({ id : 1, text : " child",  someOtherData : {} });

I do not see the child appear on the treeview and my application starts behaving abnormally.   Then it occurred to me that the layers collection was not an observable and tried creating my categories like this:

var category = {id : 0, text : "some text", expanded : true, spriteCssClass : "folder", layers : new kendo.data.ObservableArray([]) }

With this change, I still get no children displayed and applpication appears to hang on call to category.layers.push().

What am I missing?

[Alexander Valchev]

Hi Klaus,

The correct way to append dynamically nodes to the TreeView is through the widget's API methods - append, insertAfter and insertBefore. You can test the functionality here.
To avoid potential problems please do not try to modify the Hierarchical DataSource directly but use the corresponding methods.

Kind regards,
Alexander Valchev
the Telerik team

[Volodymyr Oliinyk]

Hello,

But what to do when dataSource can be changes from other modules in the application and treeview should reflect (show) these changes?

In the normal application there is a datasource layer and presentation layer. When datasource layer is updated (by any part of the system) all presentation layers connected to this datasource should reflect these changes. As I can see ListView works in this case (it is updated when data source is updated) so why treeview doesn't?

is there any way to bind treeview to hierarchicalDataSource in the way to be updated after datasource has been changed?

Vladimir

[Volodymyr Oliinyk]

Calling "dataSource.fetch();" solving the problem (for reflecting new items).