',{'class':'vstree',rel:'node-1',style:hidden}).append(li);
$(oContainer).append(ul);
}
else {
var preUL = $(oContainer).find('UL.vstree[rel^="node-1"]');
if (preUL != null) {
if (node.item.parentID == 0) {
var groupUL = $(oContainer).find('UL.vstree[rel^="node0"]');
if ($(groupUL).length == 0) {
ul = $('
',{'class':'vstree',rel:'node0',style:hidden}).append(li);
$(preUL).find('> LI.home').append(ul);
}
else {
$(groupUL).append(li);
}
}
else {
var liArray = $(oContainer).find('UL.vstree LI[rel="folder"]');
for (var i = 0; i < $(liArray).length; i++) {
var id = $(liArray[i]).find('A').attr('id');
if (id == node.item.parentID) {
var groupUL = $(oContainer).find('UL.vstree[rel^="node' + id + '"]');
if ($(groupUL).length == 0) {
ul = $('
',{'class':'vstree',rel:'node'+node.item.parentID,style:hidden}).append(li);
$(liArray[i]).append(ul);
}
else {
$(groupUL).append(li);
}
}
}
}
}
}
if (node.callback != null) node.callback(this);
//return (parentNode.length == 1);
return true;
};
var bindNodeEvents = function (node) {
if (node == null) return false;
//click event
$(node).bind("click", function (e){if(e.button == 0)nodeClick(this);return false;});
};
var nodeClick = function (node) {
var folderID = $(node).attr('id');
selectedNode = hightlightNode(node);
o.manager.setTreeCurrentNode(folderID);
if (treeNodes[folderID].isRoot) {
return;
}
if (treeNodes[folderID].status == 'collapsed') {
expandNode(node);
treeNodes[folderID].status = 'expanded';
}
else {
collapseNode(node);
treeNodes[folderID].status = 'collapsed';
}
};
var hightlightNode = function (node) {
$(oContainer).find('.currentDir').removeClass('currentDir');
$(node).addClass('currentDir');
$(node).select();
return node;
}
var expandNode = function (node) {
var li = $(node).parent();
$(li).find('> UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
$(li).removeClass('collapsed').addClass('expanded');
};
var collapseNode = function (node) {
var li = $(node).parent();
$(li).find('> UL').slideUp({ duration: o.expandSpeed, easing: o.expandEasing });
$(li).removeClass('expanded').addClass('collapsed');
};
var isCollapsedNode = function (node) {
return $(node).parent().hasClass('collapsed');
}
var nodeIsExisted = function (nodeID) {
var node = $(oContainer).find('UL.vstree LI.directory > A#' + nodeID);
return ($(node).length > 0) ? node : false;
}
var initTree = function () {
$(oContainer).attr('unselectable','on')
.css({'-moz-user-select':'-moz-none',
'-moz-user-select':'none',
'-o-user-select':'none',
'-khtml-user-select':'none',
'-webkit-user-select':'none',
'-ms-user-select':'none',
'user-select':'none'
}).bind('selectstart', function(){ return false;});
if (o.data == null) {
console.error(o.data, 'No directory to display!');
return;
}
o.data.sort(function (a,b) {
return a.parentID - b.parentID;
});
$(oContainer).find ('.vstree').remove();
var homeNode = createNode({
item: {id:0, name:o.rootName, parentID:-1},
isRoot: true
});
if (homeNode && o.data.length > 0) {
for (var i = 0; i < o.data.length; i++) {
createNode ({item: o.data[i]});
}
}
o.manager.setTreeCurrentNode(0);
};
/******************
* RENAME - START *
******************/
var renameInit = function (node) {
var editor = $('',{class:'rename', type: 'text', value:$(node).text()});
$(editor).bind('focusout', function(e){renameCancel(node)});
$(editor).bind('keydown', function(e){
var keycode = (e.keyCode ? e.keyCode : e.which);
if (keycode == '27') {
renameCancel(node);
}else if(keycode == '13') renameComplete(node);
e.stopPropagation();
});
$(node).text('');
$(node).append(editor);
$(editor).focus();
$(editor).select();
}
var renameCancel = function (node) {
var dirID = $(node).attr('id');
$(node).find('>INPUT').remove();
$(node).text(treeNodes[dirID].name);
$(node).focus();
}
var renameComplete = function (node) {
var editor = $(node).find('>INPUT');
var dirID = $(node).attr('id');
var newName = $(editor).val();
$(node).attr('rel', newName);
$(node).text(newName);
$(node).find('>INPUT').remove();
treeNodes[dirID].name = newName;
updateData(dirID, 'rename');
}
/******************
* RENAME - END *
******************/
/******************
* DELTE - START *
******************/
var destroyNode = function (node) {
var dirID = $(node).attr('id');
$(node).parent().remove();
delete treeNodes[dirID];
}
/******************
* DELTE - END *
******************/
var updateData = function (id, act) {
for (var i = 0; i < o.data.length; i++) {
if (o.data[i].id == id) {
if(act == 'deletion') {
delete o.data[i];
}
else {
o.data[i].name = treeNodes[id].name
o.data[i].parentID = treeNodes[id].parentID;
}
break;
}
}
o.manager.updateData({item:treeNodes[id], from:'tree', type:'directory', callback:act});
}
this.createNode = function (node) {
createNode ({item: node});
o.data.sort(function (a,b) {
return a.parentID - b.parentID;
});
if (node.parentID != 0) {
var parentNode = $(oContainer).find('UL LI > A#' + node.parentID);
expandNode(parentNode);
}
}
this.activeNode = function (node) {
var dirID = $(node).attr('id');
selectedNode = hightlightNode(node);
o.manager.setTreeCurrentNode(dirID);
expandNode(node);
$(node).select();
}
this.refeshTree = function () {
for (var i = 0; i < o.data.length; i++) {
var node = nodeIsExisted(o.data[i].id);
var defaulState = isCollapsedNode(node) ? 0:1;
if (node == false)
createNode ({item: o.data[i],defaulState:defaulState});
}
o.manager.setTreeCurrentNode($(selectedNode).attr('id'));
}
this.getSelectedNode = function () {
return selectedNode;
}
this.deletion = function (id) {
destroyNode($(oContainer).find('A#'+id));
}
this.findNodebyID = function (id) {
}
this.setData = function (data) {
o.data = data;
}
this.getRoot = function () {
return treeNodes[0];
}
this.initialize = function () {
initTree();
return this;
};
this.rename = function (key) {
if (selectedNode == null) return false;
if (key == 113) {
renameInit(selectedNode);
}
else if (key == 27) {
renameCancel(selectedNode);
}
return true;
}
return this.initialize();
}
});
})(jQuery);