Clone Tree View

[jlivio]

Hi All!

Is there a way to clone a Tree and become available for clicking?

Code:

var $treea = $("#tt").clone();
var $treeb = $("#ttb");
$treeb.append($treea);

After clone Javascript is not assumed.

Thanks
Joao

[jarry]

You can call 'getData' method to get the source tree data, clone this data and create a new tree. Please refer to the code below.

Code:

var t1 = $('#tt');  // the source tree
var data = t1.tree('getData', t1.tree('getRoot').target);
var t2 = $('<ul></ul>').appendTo('body');  // new tree
t2.tree({
	data: $.extend(true, [], [data])
})

[jlivio]

Thank You Jarry!

Since i'm writing in a DB this procedure works GEAT!

Send Data

Code:

var t1 = $("#tt");  // the source tree
    var data = t1.tree("getData", t1.tree("getRoot").target);
    var jdata = JSON.stringify(data);

Get Data

Code:

var jdata = JSON.parse(value.FIELD);
$("#treev").html("");
                    var treev = $("<ul id=\"tt\" class=\"list-group easyui-tree\" " +
                                  "data-options=\"animate:true,checkbox:true,cascadeCheck:true,lines:true\">" +
                                  "</ul>").appendTo("#treev");
                    treev.tree({
                        data: $.extend(true, [], [jdata])
                    });