TreeView append with nested data, children dataSources do not grow to get new ids

[Richard]

A treeview TV uses a remote hierarchical data source.

A button click on the page launches some ajax whose done() handles an array of node data that is returned.

nodes =

[ { id:101, text: "One", hasChildren: true }

, { id:201, text: "Two", hasChildren: true }

, { id:301, text: "Three", hasChildren: false }

]

The nodes are nested as follows

for (var i=1;i<nodes.length;i++) {

   nodes[i-1].items = [ nodes[i] ];

}

and appended to a treeview

TV.append ( nodes[0] );

The treeview appends them correctly as

One

 +- Two

     +- Three

However, the problem is that the children dataSources for nodes One and Two do not get updated.  The top level dataSource of TV does have get updated.  I stepped through get() using developer tools and saw that the method was properly descending into the children dataSources to locate the target value... it just wasn't there :(

uid101 = TV.dataSource.get(101); // some uid

uid201 = TV.dataSource.get(201); // undefined

uid301 = TV.dataSource.get(301); // undefined

I have also tried doing a series of appends (using the original unnested data) and had a similar to worse problem (the TV nodes don't even get placed at the correct levels).

parent = null;

parent = TV.append ( nodes[0], parent );

parent = TV.append ( nodes[1], parent );

parent = TV.append ( nodes[2], parent );

Can you suggest a technique that works for adding a new 'path' of nested nodes to TV from with my done() handler ?

[Petur Subev]

Hello Richard,

If I understand the problem correctly you are unable to get the dataItem for a node which is added dynamically - if the node is not expanded (which means it is not loaded from the server at all) then it is expected have problems retrieving the dataItem.

However if the nodes are loaded and you use the get method you should retrieve the dataItem. To demonstrate this I created a jsbin which you can find here:

 http://jsbin.com/eqakuf/4/edit


Kind Regards,
Petur Subev
the Telerik team