OJ-Tree-View: Error JET TreeView nodes should not have duplicated keys: undefined

User_D433J

Hi All,

I'm getting an error message with my tree view. Below is a small sample code I wrote to test dynamically populating a tree-view.

objData = ko.observableArray([

      {title:"Default", id:"default"}

    ]);   

    objData.push({title: "Print", id: "print"});

     

    const newNode = objData.slice(0,1);

    newNode["children"] = new ko.observableArray([{title: "Child1", id: "child1"}]);

    objData.splice(0, 1, newNode); 

  

    self.data = ko.observable(new ArrayTreeDataProvider(objData, { keyAttributes: "id" }));

However when I expand the first tree node, it gives me an error nodes should not have duplicated keys. Also the first value no longer reads default. Where am I going wrong with the code? Thanks.

John 'JB' Brock-Oracle

What happens if you just use static JSON with the desired structure first. Does that work correctly?

The error message leads me to believe that you are not getting the actual data structure that you think.

Philip Sommer

My guess would be, that the error lies in creating the "children" key on the "newNode" object. "newNode" should be an observable array, because it was returned by slice-ing another obsverable. Thus you do NOT create the key on the underlying data array as I think you intended.

See also https://knockoutjs.com/documentation/observableArrays.html

Kind Regards,

Philip