Программное добавление дочерних узлов в jstree - PullRequest
Новая
       5

Программное добавление дочерних узлов в jstree

13 голосов
/ 13 августа 2010

Я пытаюсь написать некоторый код, который динамически добавляет узлы в jstree. Я следовал за документом в http://www.jstree.com/documentation/crrm, но не могу заставить работать простой пример - добавляется узел child2, но он добавляется в узел root.id, а не child1 id ', как указано ... Любые советы будут высоко оценены. Код следует 

<html>
<head>
<script type="text/javascript" src="http://static.jstree.com/v.1.0rc2/jquery.js"></script>
<script type="text/javascript" src="http://static.jstree.com/v.1.0rc2/jquery.jstree.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $(function () {
        $("#tree").jstree({ 
            "json_data" : {
                "data" : [
                    { 
                        "data" : "parent", 
                        "attr" : { "id" : "root.id" }, 
                        "children" : [ { "data" : "child1",
                                         "attr" : { "id" : "child1.id" },
                                         "children" : [ ] }
                                     ]
                    },
                ]
            },
            "plugins" : [ "themes", "json_data", "crrm" ]
        });
    });
    $("#add").click(function() {
        $("#tree").jstree("create", $("#child1.id"), "inside",  { "data" : "child2" },
                          function() { alert("added"); }, true);
    });
});
</script>
</head>

<body>

<div id="tree" name="tree"></div>

<input type="button" id="add" value="add" />
</body>
</html>

Ответы [ 2 ]

13 голосов
/ 14 августа 2010

Когда вы используете точки в идентификаторах, вам нужно экранировать их следующим образом: 

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

Это связано с тем, как используются селекторы jQuery.Это упоминается в FAQ по jsTree, расположенному здесь: http://www.jstree.com/faq/

3 голосов
/ 22 марта 2014

сначала инициализируйте jstree (в моем случае я использую ajax), поместите check_callback в core obj и вызовите плагин после core obj следующим образом: 

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

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

второй используйте эту строку и поместите $ ('# j1_1') в качестве родителя, данные в json, 'last' в качестве позиции или 'first', обратный вызов функции (в моем случае это функция tales ()), внутренний аргумент установлен в true 

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