jstree

This is my code: $("#demo1").jstree({ "themes": { "theme": "default", "dots": true, "icons": true, "url": "static/themes/default/style.css" }, "ui" : { // this makes the node with ID node_4 selected onload "initially_select" : [ location.hash.slice(1).split('@')[1]] }, "json_data" : { "data" : [ { "data" : "A node", "attr" : { "id" : "1" ,time:1321}, "callback":function(){alert('sss')}, "children" : [ { "data" : "ttt node", "children" : [ "Child 1", "Child 2" ] } ] }, { "attr" : { "id" : "2" }, "data" : { "title" : "Long format demo", "attr" : { "href" : "#" } } }, { "data" : "sss node", "attr

How to get all nodes present in jsTree? I am building jsTree with xml Root -----A -----A1 -----A1.1 -----A1.2 -----A2 -----`A2.1` -----A2.2 -----B -----B1 -----B2 -----C -----C1 -----C1.1 -----C2.2 I want array of all nodes(ID) present in jsTree is as follows Expected output: [Root, A, A1, A1.1, A1.2, A2, A2.1, A2.2, B, B1, B2, C, C1, C1.1, C2.2] montrealist From documentation : .get_json ( node , li_attr , a_attr ) This function returns an array of tree nodes converted back to JSON. More info about same function from this doc : This function traverses the whole tree and exports it as JSON.

How to get IDs of selected nodes to root node in jsTree? Assume C is selected node then How can I get All parent IDs of C. A B C +C1 +c2 Following code will return only immediate parent ID: If I selected C then I get only B .bind("select_node.jstree", function (event, data) { //`data.rslt.obj` is the jquery extended node that was clicked alert("Selected node = "+ data.rslt.obj.attr("id")); alert("Parent of Selected node = "+ data.inst._get_parent(data.rslt.obj).attr("id")) }); Output: Selected node = C Parent of Selected node = B Is there any way to get all parent nodes ID i.e. Selected node

I have 37 different node types. I am trying to implement drag and drop. This works but I need to restrict exactly which types can be dragged and where they can be dropped. I can't find any useful information in the docs unfortunately (http://www.jstree.com/documentation). So far I have tried three methods: first: defining return values of true or false in the drag_check callback depending on the node type: $("#demo1").jstree({ "dnd" : { "drag_check" : function () { second: binding to the prepare_move.jstree event and returning true or false values depending on the node type: .bind("prepare

I need to export my nodes like this: function recursive_simplify(node){ if(node.children){ for(var i =0;i<node.children.length;i++){ node.children[i] = recursive_simplify(node.children[i]) } } delete node['metadata']; return node } $('body').on('click','.data-export', function () { var tree=$.jstree._reference('#reference-data-exchange'); var checked = tree.get_checked(); var result = []; for(var i=0, checkedLength = checked.length; i<checkedLength;i++) { var checkedJson = tree.get_json(checked[i],['id','rel','data-bin','data-pos'])[0]; checkedJson = recursive_simplify(checkedJson); result

I am able to create jstree using alternative JSON format as below: $('#using_json_2').jstree({ 'core' : { 'data' : [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node" }, { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" }, { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" }, { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" }, ] } }); But it is quite static. I want it to be dynamic; in the sense that, number of rows could be variable and row properties to be read from an array. I don't want to use ajax as data is already available in array. If you want