I am new to jsTree.
This is how I was able to configure the jsTree
<link rel="stylesheet"
href="assets/libs/jsTree/themes/default/style.min.css" />
<script src="assets/libs/jsTree/jstree.min.js"></script>
<div id="treeViewContainer" class="treeViewStyle"></div>
$('#treeViewContainer').jstree({
"types": {
"#": {
"valid_children":
["floor", "default"],
},
"default": {
"valid_children":
["default", "floor"],
"icon": "/app/assets/img/expand.png"
},
"floor": {
"icon": "/app/assets/img/collapse.png"
}
},
"plugins": ["types"],
'core': {
'data': [
{
"text": "Reporting
Entities", "children": [
{
"text": "Life
& Retirement",
"children": [
{
id: "1.1",
"text": "AGL"
},
{
id: "1.2",
"text": "ALBA"
},
{
id: "1.3",
"text": "USL"
},
{
id: "1.4",
"text": "VALIC"
},
{
id: "1.5",
"text": "Other"
}
]
},
{
id: "2",
"text":
"Property & Casualty"
},
{
id: "3",
"text": "UGC"
}
]
}
]
}
});
This is rendering but I have two issues
1) i need to remove the > default icon since we have the expand.png.
2) On the clock of the expand.png I want the expand.png to be
replaced by collapse.png.
How can this be achieved