Question

昨天开始使用jQuery和jsTree插件，并通过对servlet的AJAX调用成功加载树。现在，我想在加载后让树打开所有节点，所以我在ajax属性中添加了一个成功函数。但是，我似乎无法使open_all（）方法正常工作。我对使用jQuery非常陌生，所以我猜这很简单，我做错了。

Firebug没有显示任何错误，这些错误排除了输入错误的方法名称的愚蠢错误。我检查了文档，我认为我正在按照我所读的内容正确地完成所有工作。树正确加载，但在页面加载后没有打开所有节点。

我在Firefox 3.6.8上使用jQuery 1.4.2和jsTree 1.0rc2。

这是我用来加载树并尝试打开树中所有节点的代码：

// 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() - 注意从inst到实例的更改，以及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");

为什么jsTree open_all（）不能为我工作？

4 个答案: