js tree with ajax reques

Santosh Sasupalli

9y1.5k

call ajax requst that returns jsonformate like this

[{"ServiceCategoryId":1,"ServiceParentCategoryId":0,"ServiceCategory":"hospital"},
{"ServiceCategoryId":2,"ServiceParentCategoryId":1,"ServiceCategory":"bloodtest"},
{"ServiceCategoryId":3,"ServiceParentCategoryId":0,"ServiceCategory":"water"}]
how to implement js tree with this data
here ServiceParentCategoryId is 0 then it is Parent 
Servicecategoryid = servicecategoryId then it is child of that node

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Nitin Sontakke9y ago
Accepted answer
It is not quite clear what part of the implementation you are stuck at.

Are you stuck at jsTree part or calling the ajax.
Or at writing the ajax request
Or writing sql which will send the data.

Share which parts you already have and mention which are missing from the whole plumbing.
Nitin Sontakke9y ago
I think I understand, but not 100% sure.

I think because of this (the problem you are facing), we always created one parent node manually and added all received nodes (the entire tree) to that parent node.

Give some extremely generic name to the parent node, something like "Root", or "Hospitals", which will look perfect in the given context.
Santosh Sasupalli9y ago
my json data is that formate
js tree created with 3 parent folders with out names
but in that data 2 parent nodes and one child node
here is my js code
$('#jstree').jstree({
'core': {
'data': {
'url': 'http://localhost:63730/home/getcategories/',
'data': function (node) {

return {
'id': node.id
};
}
}
}
});