Bind tree to Form

Webix JS
1

I would like to bind a tree to a form, whereas the tree may contain multiple values apart from the ‘id’ and ‘value’ field. How do I bind to the tree so that when I select the tree node, the values should be populated in form?. The example json format is { data:[
{ id:“1”, open:true, value:“The Shawshank Redemption”, type: “movie”, watched: “yes”, filesize: 62342323, data:[
{ id:“1.1”, value:“Part 1”, codec: “avi”, resolution: “1280x720”}
]},
{ id:“2”, open:true, value:“The Godfather”, type: “movie”, watched: “yes”, filesize: 23423423423, data:[
{ id:“2.1”, value:“Part 1”, codec: “avi”, resolution: “640x480” },
]}
]};

And also, how do I interpret a different value for tree other than ‘id’ and ‘value’? For example in the above tree if my data contains attributes ‘show’ instead of ‘id’ and ‘title’ instead of ‘value’.

2

I was able to populate other values in form, but how do I interpret different values?.
http://webix.com/snippet/cbb277a6

3

You can use templates

http://docs.webix.com/datatree__node_templates.html

Basically, you can include any value from the data object in content or styling of the tree item.

4

Thank you. And is it possible to use ‘xyz’ for topnode and ‘abc’ for level 1?.

5

I made it. Please ignore the same.