130 lines
1.9 KiB
JavaScript
130 lines
1.9 KiB
JavaScript
/*
|
|
Name: UI Elements / Tree View - Examples
|
|
Written by: Okler Themes - (http://www.okler.net)
|
|
Theme Version: 2.1.1
|
|
*/
|
|
|
|
(function($) {
|
|
|
|
'use strict';
|
|
|
|
/*
|
|
Basic
|
|
*/
|
|
$('#treeBasic').jstree({
|
|
'core' : {
|
|
'themes' : {
|
|
'responsive': false
|
|
}
|
|
},
|
|
'types' : {
|
|
'default' : {
|
|
'icon' : 'fas fa-folder'
|
|
},
|
|
'file' : {
|
|
'icon' : 'fas fa-file'
|
|
}
|
|
},
|
|
'plugins': ['types']
|
|
});
|
|
|
|
/*
|
|
Checkbox
|
|
*/
|
|
$('#treeCheckbox').jstree({
|
|
'core' : {
|
|
'themes' : {
|
|
'responsive': false
|
|
}
|
|
},
|
|
'types' : {
|
|
'default' : {
|
|
'icon' : 'fas fa-folder'
|
|
},
|
|
'file' : {
|
|
'icon' : 'fas fa-file'
|
|
}
|
|
},
|
|
'plugins': ['types', 'checkbox']
|
|
});
|
|
|
|
/*
|
|
Ajax HTML
|
|
*/
|
|
$('#treeAjaxHTML').jstree({
|
|
'core' : {
|
|
'themes' : {
|
|
'responsive': false
|
|
},
|
|
'check_callback' : true,
|
|
'data' : {
|
|
'url' : function (node) {
|
|
return 'ajax/ajax-treeview-nodes.html';
|
|
},
|
|
'data' : function (node) {
|
|
return { 'parent' : node.id };
|
|
}
|
|
}
|
|
},
|
|
'types' : {
|
|
'default' : {
|
|
'icon' : 'fas fa-folder'
|
|
},
|
|
'file' : {
|
|
'icon' : 'fas fa-file'
|
|
}
|
|
},
|
|
'plugins': ['types']
|
|
});
|
|
|
|
/*
|
|
Ajax JSON
|
|
*/
|
|
$('#treeAjaxJSON').jstree({
|
|
'core' : {
|
|
'themes' : {
|
|
'responsive': false
|
|
},
|
|
'check_callback' : true,
|
|
'data' : {
|
|
'url' : function (node) {
|
|
return node.id === '#' ? 'ajax/ajax-treeview-roots.json' : 'ajax/ajax-treeview-children.json';
|
|
},
|
|
'data' : function (node) {
|
|
return { 'id' : node.id };
|
|
}
|
|
}
|
|
},
|
|
'types' : {
|
|
'default' : {
|
|
'icon' : 'fas fa-folder'
|
|
},
|
|
'file' : {
|
|
'icon' : 'fas fa-file'
|
|
}
|
|
},
|
|
'plugins': ['types']
|
|
});
|
|
|
|
/*
|
|
Drag & Drop
|
|
*/
|
|
$('#treeDragDrop').jstree({
|
|
'core' : {
|
|
'check_callback' : true,
|
|
'themes' : {
|
|
'responsive': false
|
|
}
|
|
},
|
|
'types' : {
|
|
'default' : {
|
|
'icon' : 'fas fa-folder'
|
|
},
|
|
'file' : {
|
|
'icon' : 'fas fa-file'
|
|
}
|
|
},
|
|
'plugins': ['types', 'dnd']
|
|
});
|
|
|
|
}).apply(this, [jQuery]); |