javascript - Bind with jstree on expand and on collapse events - Stack Overflow

admin管理员组

文章数量:1289879

I am facing difficulty to bind jstree with an on-expand/on-collapse event. I am currently binding the jstree with selected_node event like this :

$(function () {
$("#tree").jstree({ 
"json_data" : {
    "data" : [
        { 
            data : "/", 
            attr : { "id" : "root"},
            state : "closed",
            "children" : [ { "data" : "child1",
                            "attr" : { "id" : "child1.id" },
                            "children" : [ ] }
                         ]
        },
    ]
},
"plugins" : [ "themes", "json_data", "crrm", "ui" ]
})
.bind("select_node.jstree",function(event, data) { . . . }

I am now looking for the same event handling functionality within {...} for on-expand/on-collapse event as well. Need help to figure out how can that be done.

I am facing difficulty to bind jstree with an on-expand/on-collapse event. I am currently binding the jstree with selected_node event like this :

$(function () {
$("#tree").jstree({ 
"json_data" : {
    "data" : [
        { 
            data : "/", 
            attr : { "id" : "root"},
            state : "closed",
            "children" : [ { "data" : "child1",
                            "attr" : { "id" : "child1.id" },
                            "children" : [ ] }
                         ]
        },
    ]
},
"plugins" : [ "themes", "json_data", "crrm", "ui" ]
})
.bind("select_node.jstree",function(event, data) { . . . }

I am now looking for the same event handling functionality within {...} for on-expand/on-collapse event as well. Need help to figure out how can that be done.

• javascript
• jquery
• jstree

Share Improve this question Follow edited Apr 20, 2017 at 7:29 Dani 2,03622 gold badges1818 silver badges3232 bronze badges asked Sep 18, 2013 at 17:17 RAhulRAhul 16311 gold badge66 silver badges1616 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

.on('open_node.jstree', ....);

and

.on('close_node.jstree', ....);

If you want more information about node (like id):

$("#jstree").on("open_node.jstree", function (e, data) { alert("Open node_id: " + data.node.id); });
$("#jstree").on("close_node.jstree", function (e, data) { alert("Close node_id: " + data.node.id); });

本文标签： javascriptBind with jstree on expand and on collapse eventsStack Overflow