Adding to TreeView's DataSource shows duplicate nodes

[Danny Fritz]

When I modify the 'items' property on a Node in the TreeView, it clears the current children and duplicates the added children.

Here is a jsfiddle displaying the problem.

[Alex Gyoshev]

Hello Danny,

Do not wrap the Node objects manually with ObservableArrays, and use the append Node method to add child nodes. Here is the updated Fiddle.

Regards,
Alex Gyoshev
Telerik

 

 

[Danny Fritz]

Some of the nodes are being used in a ListView too. So, it appears they must be wrapped in an ObsrevableArray.

I updated the JSFiddle to include the ListView: http://jsfiddle.net/zNLNy/1201/

[Danny Fritz]

I fixed the comment to describe the correct node in this fiddle: http://jsfiddle.net/zNLNy/1203/

[Danny Fritz]

If I initialize the ObservableArray before the HierarchicalDataSource it works: http://jsfiddle.net/zNLNy/1205/

[Akhila]

Hi Alex,

 I need to copy a parent node including child nodes while drag and drop and the source treeview items will remain same ...

i have tried using the below code but it is only copying single node not the child nodes

 function drop(e){   

 e.preventDefault();    

var copy = this.dataItem(e.sourceNode).toJSON();   

 if(e.dropPosition == "over"){      

   tree.append(copy, $(e.destinationNode));    

}    ....}

 

Thanks in advance :)

[Alex Gyoshev]

Hello Akhila,

You have to ensure that the child nodes are already loaded. As your request is not related to the topic of the OP, please open a separate thread if you require more information.

Regards,
Alex Gyoshev
Telerik