Your IP : 3.144.224.116
var UITree = function () {
var handleSample1 = function () {
$('#tree_1').jstree({
"core" : {
"themes" : {
"responsive": false
}
},
"types" : {
"default" : {
"icon" : "fa fa-folder icon-warning icon-lg"
},
"file" : {
"icon" : "fa fa-file icon-warning icon-lg"
}
},
"plugins": ["types"]
});
}
var handleSample2 = function () {
$('#tree_2').jstree({
'plugins': ["wholerow", "checkbox", "types"],
'core': {
"themes" : {
"responsive": false
},
'data': [{
"text": "Same but with checkboxes",
"children": [{
"text": "initially selected",
"state": {
"selected": true
}
}, {
"text": "custom icon",
"icon": "fa fa-warning icon-danger"
}, {
"text": "initially open",
"icon" : "fa fa-folder icon-default",
"state": {
"opened": true
},
"children": ["Another node"]
}, {
"text": "custom icon",
"icon": "fa fa-warning icon-warning"
}, {
"text": "disabled node",
"icon": "fa fa-check icon-success",
"state": {
"disabled": true
}
}]
},
"And wholerow selection"
]
},
"types" : {
"default" : {
"icon" : "fa fa-folder icon-warning icon-lg"
},
"file" : {
"icon" : "fa fa-file icon-warning icon-lg"
}
}
});
}
var contextualMenuSample = function() {
$("#tree_3").jstree({
"core" : {
"themes" : {
"responsive": false
},
// so that create works
"check_callback" : true,
'data': [{
"text": "Parent Node",
"children": [{
"text": "Initially selected",
"state": {
"selected": true
}
}, {
"text": "Custom Icon",
"icon": "fa fa-warning icon-danger"
}, {
"text": "Initially open",
"icon" : "fa fa-folder icon-success",
"state": {
"opened": true
},
"children": [
{"text": "Another node", "icon" : "fa fa-file icon-warning"}
]
}, {
"text": "Another Custom Icon",
"icon": "fa fa-warning icon-warning"
}, {
"text": "Disabled Node",
"icon": "fa fa-check icon-success",
"state": {
"disabled": true
}
}, {
"text": "Sub Nodes",
"icon": "fa fa-folder icon-danger",
"children": [
{"text": "Item 1", "icon" : "fa fa-file icon-warning"},
{"text": "Item 2", "icon" : "fa fa-file icon-success"},
{"text": "Item 3", "icon" : "fa fa-file icon-default"},
{"text": "Item 4", "icon" : "fa fa-file icon-danger"},
{"text": "Item 5", "icon" : "fa fa-file icon-info"}
]
}]
},
"Another Node"
]
},
"types" : {
"default" : {
"icon" : "fa fa-folder icon-warning icon-lg"
},
"file" : {
"icon" : "fa fa-file icon-warning icon-lg"
}
},
"state" : { "key" : "demo2" },
"plugins" : [ "contextmenu", "dnd", "state", "types" ]
});
}
var ajaxTreeSample = function() {
$("#tree_4").jstree({
"core" : {
"themes" : {
"responsive": false
},
// so that create works
"check_callback" : true,
'data' : {
'url' : function (node) {
return 'demo/jstree_ajax_data.php';
},
'data' : function (node) {
return { 'parent' : node.id };
}
}
},
"types" : {
"default" : {
"icon" : "fa fa-folder icon-warning icon-lg"
},
"file" : {
"icon" : "fa fa-file icon-warning icon-lg"
}
},
"state" : { "key" : "demo3" },
"plugins" : [ "dnd", "state", "types" ]
});
}
return {
//main function to initiate the module
init: function () {
handleSample1();
handleSample2();
contextualMenuSample();
ajaxTreeSample();
}
};
}(); |