Upon receiving x number of projects and their corresponding directory structure from the server in a single AJAX call, the connection is disconnected from the server. Subsequently, all operations must be carried out from the browser.
After loading the projects into a Listbox and setting up jsTree to load its related data on onChange event, everything seems to be functioning correctly. However, there is an issue with jsTree's open_all method - it only works for the first click on the Listbox. Upon subsequent clicks, it collapses.
Below is the code snippet:
function Refresh(item) {
$('#MainTree').bind("loaded.jstree", function (e, data) {
$('#MainTree').jstree("open_all"); //WORKS FINE
//data.inst.open_all(-1); //WORKS FINE
}).jstree({
"json_data": {
"data": [item]
},
"themes": {
"theme": "default",
"dots": true,
"icons": true
},
"ui": {
"select_limit": 1
},
"plugins": ["themes", "json_data", "ui", "types"]
});
}
In addition, below is the HTML button code for collapsing and expanding, which is also functioning properly. Any suggestions on how to address this issue?
<input type="button" value="Collapse All" onclick="$('#MainTree').jstree('close_all');">
<input type="button" value="Expand All" onclick="$('#MainTree').jstree('open_all');">