var TreeView = function () {
return {
//main function to initiate the module
init: function () {
var DataSourceTree = function (options) {
this._data = options.data;
this._delay = options.delay;
};
DataSourceTree.prototype = {
data: function (options, callback) {
var self = this;
setTimeout(function () {
var data = $.extend(true, [], self._data);
callback({ data: data });
}, this._delay)
}
};
// INITIALIZING TREE
var treeDataSource = new DataSourceTree({
data: [
{ name: 'Theme', type: 'folder', additionalParameters: { id: 'F1' } },
{ name: 'Design', type: 'folder', additionalParameters: { id: 'F2' } },
{ name: 'Development', type: 'item', additionalParameters: { id: 'I1' } },
{ name: 'Testing', type: 'item', additionalParameters: { id: 'I2' } }
],
delay: 400
});
var treeDataSource2 = new DataSourceTree({
data: [
{ name: 'Test tree 1 ', type: 'folder', additionalParameters: { id: 'F11' } },
{ name: 'Test tree 2 ', type: 'folder', additionalParameters: { id: 'F12' } },
{ name: ' Notification', type: 'item', additionalParameters: { id: 'I11' } },
{ name: ' Assignment', type: 'item', additionalParameters: { id: 'I12' } }
],
delay: 400
});
var treeDataSource3 = new DataSourceTree({
data: [
{ name: 'Theme ', type: 'folder', additionalParameters: { id: 'F11' } },
{ name: 'Development ', type: 'folder', additionalParameters: { id: 'F12' } },
{ name: 'Flat Theme', type: 'item', additionalParameters: { id: 'I11' } },
{ name: 'Modern Design', type: 'item', additionalParameters: { id: 'I12' } }
],
delay: 400
});
var treeDataSource4 = new DataSourceTree({
data: [
{ name: 'Theme
', type: 'folder', additionalParameters: { id: 'F11' } },
{ name: 'Development
', type: 'folder', additionalParameters: { id: 'F12' } },
{ name: ' User
', type: 'item', additionalParameters: { id: 'I11' } },
{ name: ' Events
', type: 'item', additionalParameters: { id: 'I12' } },
{ name: ' Works
', type: 'item', additionalParameters: { id: 'I12' } }
],
delay: 400
});
var treeDataSource5 = new DataSourceTree({
data: [
{ name: 'Theme
', type: 'folder', additionalParameters: { id: 'F11' } },
{ name: 'Development
', type: 'folder', additionalParameters: { id: 'F12' } },
{ name: ' User
', type: 'item', additionalParameters: { id: 'I11' } },
{ name: ' Events
', type: 'item', additionalParameters: { id: 'I12' } },
{ name: ' Works
', type: 'item', additionalParameters: { id: 'I12' } }
],
delay: 400
});
var treeDataSource6 = new DataSourceTree({
data: [
{ name: 'Theme
', type: 'folder', additionalParameters: { id: 'F11' } },
{ name: 'Development
', type: 'folder', additionalParameters: { id: 'F12' } },
{ name: ' User
', type: 'item', additionalParameters: { id: 'I11' } },
{ name: ' Events
', type: 'item', additionalParameters: { id: 'I12' } },
{ name: ' Works
', type: 'item', additionalParameters: { id: 'I12' } }
],
delay: 400
});
$('#FlatTree').tree({
dataSource: treeDataSource,
loadingHTML: '
',
});
$('#FlatTree2').tree({
dataSource: treeDataSource2,
loadingHTML: '',
});
$('#FlatTree3').tree({
dataSource: treeDataSource3,
loadingHTML: '',
});
$('#FlatTree4').tree({
selectable: false,
dataSource: treeDataSource4,
loadingHTML: '',
});
}
};
}();