Print Page - Clone Tree View

Title: Clone Tree View
Post by: jlivio on May 25, 2015, 08:06:10 AM

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

Title: Re: Clone Tree View
Post by: jarry on May 25, 2015, 06:53:36 PM

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])
})

Title: Re: Clone Tree View
Post by: jlivio on May 26, 2015, 03:03:15 AM

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])
                    });

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jlivio on May 25, 2015, 08:06:10 AM