Почему jsTree open_all () не работает для меня?

Question

Вчера начал играть с jQuery и плагином jsTree, и он успешно загрузил дерево с помощью AJAX-вызова сервлета.Теперь я хотел бы, чтобы дерево открывало все узлы после загрузки, поэтому я добавил функцию успеха в атрибут ajax.Однако я не могу заставить метод open_all () работать должным образом.Я очень новичок в работе с jQuery, поэтому я предполагаю, что это что-то простое, что я делаю неправильно.

Firebug не показывает каких-либо ошибок, которые исключают глупую ошибку в имени метода с ошибкамиЯ проверил документацию и думаю, что все делаю правильно, в соответствии с тем, что я прочитал.Дерево загружается правильно, но не открывает все узлы после загрузки страницы.

Я использую jQuery 1.4.2 и jsTree 1.0rc2 в Firefox 3.6.8.

Вот кодЯ использую для загрузки дерева и пытаюсь открыть все узлы в дереве:

// Create the tree object
$("td#modelXML").jstree({
    core : { "animation" : 0 },
    //xml_data : {"data" : "" + xml, "xsl" : "nest"},
    xml_data : {"ajax" : 
                    {"url" : "servlet/GetModelHierarchy", 
                    "type" : "post", "data" : { modelId : "" + modelId} }, 
                    "xsl" : "nest",
                    "success" : function(){
                                $(this).open_all(-1);
                                }
    },
    themes : {"theme" : "classic", "dots" : true, "icons" : true},
    types : { 
        "types" : {
            "category" : {
                "valid_children" : ["factor"]
            },
            "factor" : {
                "valid_children" : ["level"]
            },
            "level" : {
                "valid_children" : "none",
                "icon" : {
                    "image" : "${request.contextPath}/jsTree/file.png"
                }
            }
        }
    },
    plugins : ["themes", "types", "xml_data"]
});

Answer 1

Вы должны подключиться к событиям, а затем вызвать open_all.

Чтобы все узлы были открыты при загрузке, используйте:

    var tree = $("#id-or-selector-for-my-tree-element");
    tree.bind("loaded.jstree", function (event, data) {
        tree.jstree("open_all");
    });

Сделайте выше, прежде чем инициализироватьдерево с .jstree({...}).

Если вы обновите его, то чтобы все узлы снова открылись, вы должны использовать:

    tree.bind("refresh.jstree", function (event, data) {
        tree.jstree("open_all");
    });

Answer 2

Да, это старый вопрос, но без принятого ответа и с единственным ответом, который мне не пригодится, вот мой ответ, которым я сейчас пользуюсь:

var tree = $("td#modelXML")
    .bind("loaded.jstree", function (e, data) {
        data.inst.open_all(-1); // -1 opens all nodes in the container
    })
    .jstree({ /* your jsTree options as normal */ });

Ключевым моментом здесь является то, что data.inst является вашим jsTree и является единственной ссылкой, которую вы будете иметь в наличии, поскольку tree не будет иметь значения до завершения .jstree({. Поскольку loaded.jstree вызывается в вызове .jstree({, результат еще не будет существовать. См

Answer 3

Мне не удалось заставить его работать с tree.jstree('open_all') или data.inst.open_all(-1) - в конце концов мне пришлось использовать data.instance.open_all() - заметить изменение от экземпляра к экземпляру и open_all (-1) просто open_all () - оба из них требуются в jQuery 1.11 и jstree 3.0.0. Мой последний блок кода выглядит так:

$(document).ready(function() {
    var tree = $('#jstree');
    tree.bind('loaded.jstree', function(event, data) {
        data.instance.open_all();   
    });
    tree.jstree({});
});

Answer 4

Попробуйте!

$("td#modelXML").jstree("open_all","#nodeID");