A JQuery Plugin for Tree View with Lazy loading capability
Click on the below demo link to navigate to the simple basic demo of Tree View
<!DOCTYPE html>
<html>
<head>
----
----
<link rel="stylesheet" href="css/tree.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
---
---
</head>
<body>
-----
<div id="myListTree"></div>
----
<script src="tree.js"></script>
<script>
$('#myListTree').tree({
data: function(){
return JSONData
},
onDemandData: function () {
return JSONData
}
});
</script>
</body>
</html>
var Treedata = {
"result": [{
"id": "l01",
"displayName": "Beverages",
"hasChild": true,
"isLoaded": true,
"children": [{ }] /* Child will also follow the same structure */
}