I have been facing a challenge with dynamically loading the nodes of a jtree upon expansion. The limited documentation I could find is located towards the end of this specific page.
Several solutions involve creating nodes individually using a loop, similar to the approach discussed in this post. Although I haven't attempted it yet, based on the documentation, it seems like jstree should handle cycling through the nodes automatically.
Many suggestions recommend utilizing plugins: ["json_data"], however, the documentation for plugins does not mention this particular plugin. Could it be an outdated extension that is no longer necessary?
In my current implementation, I load the entire tree at once with the following code snippet:
$.ajax({
var pn = $('#project_number').val();
url : "bomtree?part=" + pn,
success : function(tree_content) {
var data = $.parseJSON(tree_content);
var config = {
'core' : {
'data' : data
}
};
$('#bom_tree').jstree(config);
}
});
I have made adjustments to the code provided on the documentation page as shown below:
$(function() {
var pn = $('#project_number').val();
$('#tree').jstree({
'core' : {
'data' : {
'url' : function(node) {
return '/doc/test2';
},
'data' : function(node) {
return {
'part' : node.id === '#' ? pn : node.id
};
}
}
}
});
});
The same json text functions perfectly with the initial code but throws an error with the revised code. As per the documentation,
The format remains the same as the aboveI also experimented with returning sample data matching the example provided:
[
{ "id" : "ajson1", "parent" : "#", "text" : "Simple root node" },
{ "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },
{ "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" },
{ "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" }
]
However, regardless of the data used, jQuery consistently encounters a Sizzle.error at a specific line:
Sizzle.error = function( msg ) {
throw new Error( "Syntax error, unrecognized expression: " + msg );
};
What could possibly be causing this issue?