Programmatically adding child nodes to a jstree

Question

I\'m trying to write some code that adds nodes to a jstree dynamically. I\'ve followed the doc at http://www.jstree.com/documentation/crrm but can\'t get a simple example to wor

Answer 1

When using periods in ID's you need to escape them like so:

$("#tree").jstree("create", $("#child1\\.id"), "inside",  { "data" : "child2" },
                          function() { alert("added"); }, true);

This is because of how it uses jQuery selectors. It is mentioned in the jsTree FAQ located here: http://www.jstree.com/faq/

Answer 2

first initialize jstree(in my case i use ajax), put check_callback into core obj and call the plugin after core obj like this:

jQuery('#jstree_demo_div').jstree({
    'core' : {
          'data' : {
            'url' : 'data/mapas.php',

          },
          "check_callback" : function(e,data){
              console.log(data)
          }
      },
      "plugins" : [ "contextmenu" ] })

second use this line and put $('#j1_1') as parent , the data in json, 'last' as position or 'first', the function callback (in my case is the function tales()), internal argument set in true

jQuery("#jstree_demo_div").jstree(true).create_node( $('#j1_1'), {text: "New node", id: true} , "last",tales(), true );