Na mojej stronie mam przycisk, który po kliknięciu odświeża jstree znalezione na tej stronie.JSTREE - odśwież jstree tak, że cały kod w 'bind ("loaded.jstree")' jest ponownie uruchamiany
<input type="button" value="Test" onclick='$j("#demo2").jstree("refresh");'/>
Teraz, gdy ładunki jstree, dane są odczytywane z tablicy 2D i ikony węzłów są zmieniane na podstawie danych znajdujących się w tej tablicy. Potrzebuję funkcji, która odświeży lub ponownie załaduje jstree i jednocześnie wyświetli odpowiednie ikony dla węzłów na podstawie danych odczytanych z tablicy 2D.
Jeśli używam '$j("#demo2").jstree("refresh");'
, drzewo jest ponownie ładowane, ale nie zachowuje swojego poprzedniego stanu otwartego.
kod jstree
$j("#demo2").jstree({
"ui" : {
"select_limit" : -1,
"select_multiple_modifier" : "ctrl",
"select_range_modifier" :"shift",
},
"json_data" : {
"progressive_render" : false,
"selected_parent_open": true,
"ajax" : {
"url" : "/json/test1.json"
}
},
"plugins" : [ "themes", "json_data", "ui", "crrm", "contextmenu" ],
'contextmenu' : {
'items' : customMenu
}
})//end of jstree function
/***************************************************************************
When the jstree is first loaded, loop through the data retrieved
from the database (stored previously in a 2d array called 'status_from_db') and
select all jstree nodes found in that array.
***************************************************************************/
$j("#demo2").bind("loaded.jstree", function (e, data) {
var inst = data.inst;
var i;
for (i = 0; i < status_from_db.length; ++i) {
var node_name = status_from_db[i][0];
$j("#demo2").find($j("li[name='"+node_name+"']")).each(function (k, v) {
inst.select_node(v);
/***************************************************************************
Based on the retrieved data, assign the correct class to the variable
'selected_class and then modify the class of the <li> tag of the respective
node.
***************************************************************************/
var node_strength = status_from_db[i][1];
var node_add_strength = status_from_db[i][2];
var selected_class;
if (node_strength == "present" && node_add_strength == ""){
selected_class = "jstree-icon4";
}
else if (node_strength == "present" && node_add_strength == "strong") {
selected_class = "jstree-icon3";
}
$j("li[name='"+node_name+"'] > ins").attr("class",selected_class);// set class to display new icon
$j("li[name='"+node_name+"'] > a ins").attr("class",selected_class);// set class to display new icon
});
}
});
});
Czy istnieje sposób przeładowania/odświeżenie drzewa tak, że cały kod wewnątrz '$j("#demo2").bind("loaded.jstree", function (e, data) {'
funkcji jest ponownie uruchomić?