/**
* jQuery webUI 1.1.0
*
*/
if(typeof (WebUIManagers) == "undefined") WebUIManagers = {};
(function($)
{
///
$.fn.webGetTreeManager = function()
{
return WebUIManagers[this[0].id + "_Tree"];
};
$.webDefaults = $.webDefaults || {};
$.webDefaults.Tree = {
url: null,
data: null,
checkbox: true,
autoCheckboxEven: true,
parentIcon: 'folder',
childIcon: 'leaf',
textFieldName: 'text',
attribute: ['id', 'url'],
treeLine: true, //是否显示line
nodeWidth: 90,
statusName: '__status',
isLeaf: null, //是否子节点的判断函数
single: false, //是否单选
onBeforeExpand: function() { },
onContextmenu: function() { },
onExpand: function() { },
onBeforeCollapse: function() { },
onCollapse: function() { },
onBeforeSelect: function() { },
onSelect: function() { },
onBeforeCancelSelect: function() { },
onCancelselect: function() { },
onCheck: function() { },
onSuccess: function() { },
onError: function() { },
onClick: function() { },
idFieldName: 'id',
parentIDFieldName: null,
topParentIDValue: 0,
onBeforeAppend: function() { }, //加载数据前事件,可以通过return false取消操作
onAppend: function() { }, //加载数据时事件,对数据进行预处理以后
onAfterAppend: function() { }, //加载数据完事件
slide: true //是否以动画的形式显示
};
$.fn.webTree = function(p)
{
if (p.single) p.autoCheckboxEven = false;
this.each(function()
{
p = $.extend({}, $.webDefaults.Tree, p || {});
if (this.usedTree) return;
if ($(this).hasClass('n-hidden')) { return; }
//public Object
var g = {
getData: function()
{
return g.data;
},
//是否包含子节点
hasChildren: function(treenodedata)
{
if (p.isLeaf) return p.isLeaf(treenodedata);
return treenodedata.children ? true : false;
},
//获取父节点
getParentTreeItem: function(treenode, level)
{
var treeitem = $(treenode);
if (treeitem.parent().hasClass("n-tree"))
return null;
if (level == undefined)
{
if (treeitem.parent().parent("li").length == 0)
return null;
return treeitem.parent().parent("li")[0];
}
var currentLevel = parseInt(treeitem.attr("outlinelevel"));
var currenttreeitem = treeitem;
for (var i = currentLevel - 1; i >= level; i--)
{
currenttreeitem = currenttreeitem.parent().parent("li");
}
return currenttreeitem[0];
},
getChecked: function()
{
if (!p.checkbox) return null;
var nodes = [];
$(".n-checkbox-checked", g.tree).parent().parent("li").each(function()
{
var treedataindex = parseInt($(this).attr("treedataindex"));
nodes.push({ target: this, data: po.getDataNodeByTreeDataIndex(g.data, treedataindex) });
});
return nodes;
},
getSelected: function()
{
var node = {};
node.target = $(".n-selected", g.tree).parent("li")[0];
if (node.target)
{
var treedataindex = parseInt($(node.target).attr("treedataindex"));
node.data = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
return node;
}
return null;
},
//升级为父节点级别
upgrade: function(treeNode)
{
$(".n-note", treeNode).each(function()
{
$(this).removeClass("n-note").addClass("n-expandable-open");
});
$(".n-note-last", treeNode).each(function()
{
$(this).removeClass("n-note-last").addClass("n-expandable-open");
});
$("." + po.getChildNodeClassName(), treeNode).each(function()
{
$(this)
.removeClass(po.getChildNodeClassName())
.addClass(po.getParentNodeClassName(true));
});
},
//降级为叶节点级别
demotion: function(treeNode)
{
if (!treeNode && treeNode[0].tagName.toLowerCase() != 'li') return;
var islast = $(treeNode).hasClass("n-last");
$(".n-expandable-open", treeNode).each(function()
{
$(this).removeClass("n-expandable-open")
.addClass(islast ? "n-note-last" : "n-note");
});
$(".n-expandable-close", treeNode).each(function()
{
$(this).removeClass("n-expandable-close")
.addClass(islast ? "n-note-last" : "n-note");
});
$("." + po.getParentNodeClassName(true), treeNode).each(function()
{
$(this)
.removeClass(po.getParentNodeClassName(true))
.addClass(po.getChildNodeClassName());
});
},
collapseAll: function()
{
$(".n-expandable-open", g.tree).click();
},
expandAll: function()
{
$(".n-expandable-close", g.tree).click();
},
loadData: function(node, url, param)
{
g.loading.show();
var ajaxtype = param ? "post" : "get";
param = param || [];
//请求服务器
$.ajax({
type: ajaxtype ,
url: url,
data: param,
dataType: 'json',
success: function(data)
{
if (!data) return;
g.loading.hide();
g.append(node, data);
if (p.onSuccess) p.onSuccess(data);
},
error: function(XMLHttpRequest, textStatus, errorThrown)
{
try
{
g.loading.hide();
if (p.onError)
p.onError(XMLHttpRequest, textStatus, errorThrown);
}
catch (e)
{
}
}
});
},
//清空
clear: function()
{
//g.tree.html("");
$("> li", g.tree).each(function() { g.remove(this); });
},
remove: function(treeNode)
{
var treedataindex = parseInt($(treeNode).attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
if (treenodedata) po.setTreeDataStatus([treenodedata], 'delete');
var parentNode = g.getParentTreeItem(treeNode);
//复选框处理
if (p.checkbox)
{
$(".n-checkbox", treeNode).remove();
po.setParentCheckboxStatus($(treeNode));
}
$(treeNode).remove();
if (parentNode == null) //代表顶级节点
{
parentNode = g.tree.parent();
}
//set parent
var treeitemlength = $("> ul > li", parentNode).length;
if (treeitemlength > 0)
{
//遍历设置子节点
$("> ul > li", parentNode).each(function(i, item)
{
if (i == 0 && !$(this).hasClass("n-first"))
$(this).addClass("n-first");
if (i == treeitemlength - 1 && !$(this).hasClass("n-last"))
$(this).addClass("n-last");
if (i == 0 && i == treeitemlength - 1 && !$(this).hasClass("n-onlychild"))
$(this).addClass("n-onlychild");
$("> div .n-note,> div .n-note-last", this)
.removeClass("n-note n-note-last")
.addClass(i == treeitemlength - 1 ? "n-note-last" : "n-note");
po.setTreeItem(this, { isLast: i == treeitemlength - 1 });
});
}
},
update: function(domnode, newnodedata)
{
var treedataindex = parseInt($(domnode).attr("treedataindex"));
nodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
for (var attr in newnodedata)
{
nodedata[attr] = newnodedata[attr];
if (attr == p.textFieldName)
{
$("> .n-body > span", domnode).text(newnodedata[attr]);
}
}
},
//增加节点集合
append: function(parentNode, newdata)
{
if (p.onBeforeAppend && p.onBeforeAppend(parentNode, newdata) == false) return false;
if (!newdata || !newdata.length) return false;
if (p.idFieldName && p.parentIDFieldName)
newdata = po.convertData(newdata);
po.addTreeDataIndexToData(newdata);
po.setTreeDataStatus(newdata, 'add');
p.onAppend && p.onAppend(parentNode, newdata);
po.appendData(parentNode, newdata);
if (!parentNode)//增加到根节点
{
//remove last node class
if ($("> li:last", g.tree).length > 0)
po.setTreeItem($("> li:last", g.tree)[0], { isLast: false });
var gridhtmlarr = po.getTreeHTMLByData(newdata, 1, [], true);
gridhtmlarr[gridhtmlarr.length - 1] = gridhtmlarr[0] = "";
g.tree.append(gridhtmlarr.join(''));
$(".n-body", g.tree).hover(function()
{
$(this).addClass("n-over");
}, function()
{
$(this).removeClass("n-over");
});
// po.upadteTreeWidth();
p.onAfterAppend && p.onAfterAppend(parentNode, newdata);
return;
}
var treeitem = $(parentNode);
var outlineLevel = parseInt(treeitem.attr("outlinelevel"));
var hasChildren = $("> ul", treeitem).length > 0;
if (!hasChildren)
{
treeitem.append("
");
//设置为父节点
g.upgrade(parentNode);
}
//remove last node class
if ($("> .n-children > li:last", treeitem).length > 0)
po.setTreeItem($("> .n-children > li:last", treeitem)[0], { isLast: false });
var isLast = [];
for (var i = 1; i <= outlineLevel - 1; i++)
{
var currentParentTreeItem = $(g.getParentTreeItem(parentNode, i));
isLast.push(currentParentTreeItem.hasClass("n-last"));
}
isLast.push(treeitem.hasClass("n-last"));
var gridhtmlarr = po.getTreeHTMLByData(newdata, outlineLevel + 1, isLast, true);
gridhtmlarr[gridhtmlarr.length - 1] = gridhtmlarr[0] = "";
$(">.n-children", parentNode).append(gridhtmlarr.join(''));
// po.upadteTreeWidth();
$(">.n-children .n-body", parentNode).hover(function()
{
$(this).addClass("n-over");
}, function()
{
$(this).removeClass("n-over");
});
p.onAfterAppend && p.onAfterAppend(parentNode, newdata);
},
//增加节点集合2
append2: function(parentNode, newdata)
{
if (p.onBeforeAppend && p.onBeforeAppend(parentNode, newdata) == false) return false;
if (!newdata || !newdata.length) return false;
// if (p.idFieldName && p.parentIDFieldName)
// newdata = po.convertData(newdata);
po.addTreeDataIndexToData(newdata);
po.setTreeDataStatus(newdata, 'add');
p.onAppend && p.onAppend(parentNode, newdata);
po.appendData(parentNode, newdata);
if (!parentNode)//增加到根节点
{
//remove last node class
if ($("> li:last", g.tree).length > 0)
po.setTreeItem($("> li:last", g.tree)[0], { isLast: false });
var gridhtmlarr = po.getTreeHTMLByData(newdata, 1, [], true);
gridhtmlarr[gridhtmlarr.length - 1] = gridhtmlarr[0] = "";
g.tree.append(gridhtmlarr.join(''));
$(".n-body", g.tree).hover(function()
{
$(this).addClass("n-over");
}, function()
{
$(this).removeClass("n-over");
});
// po.upadteTreeWidth();
p.onAfterAppend && p.onAfterAppend(parentNode, newdata);
return;
}
var treeitem = $(parentNode);
var outlineLevel = parseInt(treeitem.attr("outlinelevel"));
var hasChildren = $("> ul", treeitem).length > 0;
if (!hasChildren)
{
treeitem.append("");
//设置为父节点
g.upgrade(parentNode);
}
//remove last node class
if ($("> .n-children > li:last", treeitem).length > 0)
po.setTreeItem($("> .n-children > li:last", treeitem)[0], { isLast: false });
var isLast = [];
for (var i = 1; i <= outlineLevel - 1; i++)
{
var currentParentTreeItem = $(g.getParentTreeItem(parentNode, i));
isLast.push(currentParentTreeItem.hasClass("n-last"));
}
isLast.push(treeitem.hasClass("n-last"));
var gridhtmlarr = po.getTreeHTMLByData(newdata, outlineLevel + 1, isLast, true);
gridhtmlarr[gridhtmlarr.length - 1] = gridhtmlarr[0] = "";
$(">.n-children", parentNode).append(gridhtmlarr.join(''));
// po.upadteTreeWidth();
$(">.n-children .n-body", parentNode).hover(function()
{
$(this).addClass("n-over");
}, function()
{
$(this).removeClass("n-over");
});
p.onAfterAppend && p.onAfterAppend(parentNode, newdata);
},
cancelSelect: function(domNode)
{
var treeitem = $(domNode);
var treedataindex = parseInt(treeitem.attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
var treeitembody = $(">div:first", treeitem);
if (p.checkbox)
$(".n-checkbox", treeitembody).removeClass("n-checkbox-checked").addClass("n-checkbox-unchecked");
else
treeitembody.removeClass("n-selected");
p.onCancelSelect && p.onCancelSelect({ data: treenodedata, target: treeitem[0] });
},
//选择节点(参数:条件函数、Dom节点或ID值)
selectNode: function(selectNodeParm)
{
var clause = null;
if (typeof (selectNodeParm) == "function")
{
clause = selectNodeParm;
}
else if (typeof (selectNodeParm) == "object")
{
var treeitem = $(selectNodeParm);
var treedataindex = parseInt(treeitem.attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
var treeitembody = $(">div:first", treeitem);
if (p.checkbox)
$(".n-checkbox", treeitembody).removeClass("n-checkbox-unchecked").addClass("n-checkbox-checked");
else
treeitembody.addClass("n-selected");
if(typeof(p.onSelect) == "string"){
eval(p.onSelect + "({ data: treenodedata, target: treeitem[0] })");
}else
p.onSelect && p.onSelect({ data: treenodedata, target: treeitem[0] });
return;
}
else
{
clause = function(data)
{
if (!data[p.idFieldName]) return false;
return data[p.idFieldName].toString() == selectNodeParm.toString();
};
}
$("li", g.tree).each(function()
{
var treeitem = $(this);
var treedataindex = parseInt(treeitem.attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
if (clause(treenodedata, treedataindex))
{
g.selectNode(this);
}
else
{
g.cancelSelect(this);
}
});
},
getTextByID: function(id)
{
var data = g.getDataByID(id);
if (!data) return null;
return data[p.textFieldName];
},
getDataByID: function(id)
{
var data = null;
$("li", g.tree).each(function()
{
if (data) return;
var treeitem = $(this);
var treedataindex = parseInt(treeitem.attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
if (treenodedata[p.idFieldName].toString() == id.toString())
{
data = treenodedata;
}
});
return data;
}
};
//private Object
var po = {
//根据数据索引获取数据
getDataNodeByTreeDataIndex: function(data, treedataindex)
{
for (var i = 0; i < data.length; i++)
{
if (data[i].treedataindex == treedataindex)
return data[i];
if (data[i].children)
{
var targetData = po.getDataNodeByTreeDataIndex(data[i].children, treedataindex);
if (targetData) return targetData;
}
}
return null;
},
//设置数据状态
setTreeDataStatus: function(data, status)
{
$(data).each(function()
{
this[p.statusName] = status;
if (this.children)
{
po.setTreeDataStatus(this.children, status);
}
});
},
//设置data 索引
addTreeDataIndexToData: function(data)
{
$(data).each(function()
{
if (this.treedataindex != undefined) return;
this.treedataindex = g.treedataindex++;
if (this.children)
{
po.addTreeDataIndexToData(this.children);
}
});
},
//添加项到g.data
appendData: function(treeNode, data)
{
var treedataindex = parseInt($(treeNode).attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
if (g.treedataindex == undefined) g.treedataindex = 0;
if (treenodedata && treenodedata.children == undefined) treenodedata.children = [];
$(data).each(function(i, item)
{
if (treenodedata)
treenodedata.children[treenodedata.children.length] = $.extend({}, item);
else
g.data[g.data.length] = $.extend({}, item);
});
},
setTreeItem: function(treeNode, options)
{
if (!options) return;
var treeItem = $(treeNode);
var outlineLevel = parseInt(treeItem.attr("outlinelevel"));
if (options.isLast != undefined)
{
if (options.isLast == true)
{
treeItem.removeClass("n-last").addClass("n-last");
$("> div .n-note", treeItem).removeClass("n-note").addClass("n-note-last");
$(".n-children li", treeItem)
.find(".n-box:eq(" + (outlineLevel - 1) + ")")
.removeClass("n-line");
}
else if (options.isLast == false)
{
treeItem.removeClass("n-last");
$("> div .n-note-last", treeItem).removeClass("n-note-last").addClass("n-note");
$(".n-children li", treeItem)
.find(".n-box:eq(" + (outlineLevel - 1) + ")")
.removeClass("n-line")
.addClass("n-line");
}
}
},
// upadteTreeWidth: function()
// {
// var treeWidth = g.maxOutlineLevel * 22;
// if (p.checkbox) treeWidth += 22;
// if (p.parentIcon || p.childIcon) treeWidth += 22;
// treeWidth += p.nodeWidth;
// g.tree.width(treeWidth);
// },
getChildNodeClassName: function()
{
return 'n-tree-icon-' + p.childIcon;
},
getParentNodeClassName: function(isOpen)
{
var nodeclassname = 'n-tree-icon-' + p.parentIcon;
if (isOpen) nodeclassname += '-open';
return nodeclassname;
},
//根据data生成最终完整的tree html
getTreeHTMLByData: function(data, outlineLevel, isLast, isExpand)
{
if (g.maxOutlineLevel < outlineLevel)
g.maxOutlineLevel = outlineLevel;
isLast = isLast || [];
outlineLevel = outlineLevel || 1;
var treehtmlarr = [];
if (!isExpand) treehtmlarr.push('');
else treehtmlarr.push("");
for (var i = 0; i < data.length; i++)
{
var isFirst = i == 0;
var isLastCurrent = i == data.length - 1;
var isExpandCurrent = true;
if (data[i].isexpand == false || data[i].isexpand == "false") isExpandCurrent = false;
treehtmlarr.push('- ');
treehtmlarr.push('
');
for (var k = 0; k <= outlineLevel - 2; k++)
{
if (isLast[k]) treehtmlarr.push('
');
else treehtmlarr.push('
');
}
if (g.hasChildren(data[i]))
{
if (isExpandCurrent) treehtmlarr.push('
');
else treehtmlarr.push('
');
if (p.checkbox)
{
if (data[i].ischecked)
treehtmlarr.push('
');
else
treehtmlarr.push('
');
}
p.parentIcon && !isExpandCurrent && treehtmlarr.push('
');
p.parentIcon && isExpandCurrent && treehtmlarr.push('
');
}
else
{
if (isLastCurrent) treehtmlarr.push('
');
else treehtmlarr.push('
');
if (p.checkbox)
{
if (data[i].ischecked)
treehtmlarr.push('
');
else
treehtmlarr.push('
');
}
p.childIcon && treehtmlarr.push('
');
}
treehtmlarr.push('
' + data[i][p.textFieldName] + ' ');
if (g.hasChildren(data[i]))
{
var isLastNew = [];
for (var k = 0; k < isLast.length; k++)
{
isLastNew.push(isLast[k]);
}
isLastNew.push(isLastCurrent);
treehtmlarr.push(po.getTreeHTMLByData(data[i].children, outlineLevel + 1, isLastNew, isExpandCurrent).join(''));
}
treehtmlarr.push(' ');
}
treehtmlarr.push("
");
return treehtmlarr;
},
//根据简洁的html获取data
getDataByTreeHTML: function(treeDom)
{
var data = [];
$("> li", treeDom).each(function(i, item)
{
var dataindex = data.length;
data[dataindex] =
{
treedataindex: g.treedataindex++
};
data[dataindex][p.textFieldName] = $("> span,> a", this).html();
for (var j = 0; j < g.sysAttribute.length; j++)
{
if ($(this).attr(g.sysAttribute[j]))
data[dataindex][g.sysAttribute[j]] = $(this).attr(g.sysAttribute[j]);
}
for (var j = 0; j < p.attribute.length; j++)
{
if ($(this).attr(p.attribute[j]))
data[dataindex][p.attribute[j]] = $(this).attr(p.attribute[j]);
}
if ($("> ul", this).length > 0)
{
data[dataindex].children = po.getDataByTreeHTML($("> ul", this));
}
});
return data;
},
applyTree: function()
{
g.data = po.getDataByTreeHTML(g.tree);
var gridhtmlarr = po.getTreeHTMLByData(g.data, 1, [], true);
gridhtmlarr[gridhtmlarr.length - 1] = gridhtmlarr[0] = "";
g.tree.html(gridhtmlarr.join(''));
// po.upadteTreeWidth();
$(".n-body", g.tree).hover(function()
{
$(this).addClass("n-over");
}, function()
{
$(this).removeClass("n-over");
});
},
applyTreeEven: function(treeNode)
{
$("> .n-body", treeNode).hover(function()
{
$(this).addClass("n-over");
}, function()
{
$(this).removeClass("n-over");
});
},
setTreeEven: function()
{
p.onContextmenu && g.tree.bind("contextmenu", function(e)
{
var obj = (e.target || e.srcElement);
var treeitem = null;
if (obj.tagName.toLowerCase() == "a" || obj.tagName.toLowerCase() == "span" || $(obj).hasClass("n-box"))
treeitem = $(obj).parent().parent();
else if ($(obj).hasClass("n-body"))
treeitem = $(obj).parent();
else if (obj.tagName.toLowerCase() == "li")
treeitem = $(obj);
if (!treeitem) return;
var treedataindex = parseInt(treeitem.attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex);
return p.onContextmenu({ data: treenodedata, target: treeitem[0] }, e);
});
g.tree.click(function(e)
{
var obj = (e.target || e.srcElement);
var treeitem = null;
if (obj.tagName.toLowerCase() == "a" || obj.tagName.toLowerCase() == "span" || $(obj).hasClass("n-box"))
treeitem = $(obj).parent().parent();
else if ($(obj).hasClass("n-body"))
treeitem = $(obj).parent();
else
treeitem = $(obj);
if (!treeitem) return;
var treedataindex = parseInt(treeitem.attr("treedataindex"));
var treenodedata = po.getDataNodeByTreeDataIndex(g.data, treedataindex); var treeitembtn = $(".n-body:first .n-expandable-open:first,.n-body:first .n-expandable-close:first", treeitem);
if (!$(obj).hasClass("n-checkbox"))
{
if ($(">div:first", treeitem).hasClass("n-selected"))
{
if (p.onBeforeCancelSelect
&& p.onBeforeCancelSelect({ data: treenodedata, target: treeitem[0] }) == false)
return false;
$(">div:first", treeitem).removeClass("n-selected");
p.onCancelSelect && p.onCancelSelect({ data: treenodedata, target: treeitem[0] });
}
else
{
if (p.onBeforeSelect
&& p.onBeforeSelect({ data: treenodedata, target: treeitem[0] }) == false)
return false;
$(".n-body", g.tree).removeClass("n-selected");
$(">div:first", treeitem).addClass("n-selected");
if(typeof(p.onSelect) == "string"){
eval(p.onSelect + "({ data: treenodedata, target: treeitem[0] })");
}else
p.onSelect && p.onSelect({ data: treenodedata, target: treeitem[0] });
}
}
//chekcbox even
if ($(obj).hasClass("n-checkbox"))
{
if (p.autoCheckboxEven)
{
if(p.inline){
//状态:未选中
if ($(obj).hasClass("n-checkbox-unchecked"))
{
$(obj).removeClass("n-checkbox-unchecked").addClass("n-checkbox-checked");
$(".n-children .n-checkbox", treeitem)
.removeClass("n-checkbox-incomplete n-checkbox-unchecked")
.addClass("n-checkbox-checked");
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, true);
}
//状态:选中
else if ($(obj).hasClass("n-checkbox-checked"))
{
$(obj).removeClass("n-checkbox-checked").addClass("n-checkbox-unchecked");
$(".n-children .n-checkbox", treeitem)
.removeClass("n-checkbox-incomplete n-checkbox-checked")
.addClass("n-checkbox-unchecked");
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, false);
}
//状态:未完全选中
else if ($(obj).hasClass("n-checkbox-incomplete"))
{
$(obj).removeClass("n-checkbox-incomplete").addClass("n-checkbox-checked");
$(".n-children .n-checkbox", treeitem)
.removeClass("n-checkbox-incomplete n-checkbox-unchecked")
.addClass("n-checkbox-checked");
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, true);
}
po.setParentCheckboxStatus(treeitem);
}else{
if ($(obj).hasClass("n-checkbox-unchecked"))
{
$(obj).removeClass("n-checkbox-unchecked").addClass("n-checkbox-checked");
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, true);
}
//状态:选中
else if ($(obj).hasClass("n-checkbox-checked"))
{
$(obj).removeClass("n-checkbox-checked").addClass("n-checkbox-unchecked");
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, false);
}
}
}
else
{
//状态:未选中
if ($(obj).hasClass("n-checkbox-unchecked"))
{
$(obj).removeClass("n-checkbox-unchecked").addClass("n-checkbox-checked");
//是否单选
if (p.single)
{
$(".n-checkbox", g.tree).not(obj).removeClass("n-checkbox-checked").addClass("n-checkbox-unchecked");
}
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, true);
}
//状态:选中
else if ($(obj).hasClass("n-checkbox-checked"))
{
$(obj).removeClass("n-checkbox-checked").addClass("n-checkbox-unchecked");
p.onCheck && p.onCheck({ data: treenodedata, target: treeitem[0] }, false);
}
}
}
if($(obj).hasClass("n-expandable-open") || $(obj).hasClass("n-expandable-close")){
//状态:已经张开
if (treeitembtn.hasClass("n-expandable-open"))
{
if (p.onBeforeCollapse
&& p.onBeforeCollapse({ data: treenodedata, target: treeitem[0] }) == false)
return false;
treeitembtn
.removeClass("n-expandable-open")
.addClass("n-expandable-close");
if(p.slide)
// $("> .n-children", treeitem).slideToggle('fast');
$("> .n-children", treeitem).css("display","none");
else
$("> .n-children", treeitem).toggle();
$("> div ." + po.getParentNodeClassName(true), treeitem)
.removeClass(po.getParentNodeClassName(true))
.addClass(po.getParentNodeClassName());
p.onCollapse && p.onCollapse({ data: treenodedata, target: treeitem[0] });
}
//状态:没有张开
else if (treeitembtn.hasClass("n-expandable-close"))
{
if (p.onBeforeExpand
&& p.onBeforeExpand({ data: treenodedata, target: treeitem[0] }) == false)
return false;
treeitembtn
.removeClass("n-expandable-close")
.addClass("n-expandable-open");
var callback = function()
{
p.onExpand && p.onExpand({ data: treenodedata, target: treeitem[0] });
};
if(p.slide)
{
// $("> .n-children", treeitem).slideToggle('fast',callback );
$("> .n-children", treeitem).css("display","block");
callback();
}
else
{
$("> .n-children", treeitem).toggle();
callback();
}
$("> div ." + po.getParentNodeClassName(), treeitem)
.removeClass(po.getParentNodeClassName())
.addClass(po.getParentNodeClassName(true));
}
}
if(obj.tagName.toLowerCase() == "span"){
if(typeof(p.onClick) == 'string'){
eval(p.onClick+"({ data: treenodedata, target: treeitem[0] })");
}else
p.onClick && p.onClick({ data: treenodedata, target: treeitem[0] });
}
});
},
//递归设置父节点的状态
setParentCheckboxStatus: function(treeitem)
{
//当前同级别或低级别的节点是否都选中了
var isCheckedComplete = $(".n-checkbox-unchecked", treeitem.parent()).length == 0;
//当前同级别或低级别的节点是否都没有选中
var isCheckedNull = $(".n-checkbox-checked", treeitem.parent()).length == 0;
if (isCheckedComplete)
{
treeitem.parent().prev().find(".n-checkbox")
.removeClass("n-checkbox-unchecked n-checkbox-incomplete")
.addClass("n-checkbox-checked");
}
else if (isCheckedNull)
{
treeitem.parent().prev().find("> .n-checkbox")
.removeClass("n-checkbox-checked n-checkbox-incomplete")
.addClass("n-checkbox-unchecked");
}
else
{
treeitem.parent().prev().find("> .n-checkbox")
.removeClass("n-checkbox-unchecked n-checkbox-checked")
.addClass("n-checkbox-incomplete");
}
if (treeitem.parent().parent("li").length > 0)
po.setParentCheckboxStatus(treeitem.parent().parent("li"));
},
convertData: function(data) //将ID、ParentID这种数据格式转换为树格式
{
if (!data || !data.length) return [];
var isolate = function(pid)//根据ParentID判断是否孤立
{
if (pid == p.topParentIDValue) return false;
for (var i = 0; i < data.length; i++)
{
if (data[i][p.idFieldName] == pid) return false;
}
return true;
};
//计算孤立节点的个数
var isolateLength = 0;
for (var i = 0; i < data.length; i++)
{
if (isolate(data[i][p.parentIDFieldName])) isolateLength++;
}
var targetData = []; //存储数据的容器(返回)
var itemLength = data.length; //数据集合的个数
var insertedLength = 0; //已插入的数据个数
var currentIndex = 0; //当前数据索引
var getItem = function(container, id) //获取数据项(为空时表示没有插入)
{
if (!container.length) return null;
for (var i = 0; i < container.length; i++)
{
if (container[i][p.idFieldName] == id) return container[i];
if (container[i].children)
{
var finditem = getItem(container[i].children, id);
if (finditem) return finditem;
}
}
return null;
};
var addItem = function(container, item) //插入数据项
{
container.push($.extend({}, item));
insertedLength++;
};
//判断已经插入的节点和孤立节点 的个数总和是否已经满足条件
while (insertedLength < itemLength)
{
var item = data[currentIndex];
var id = item[p.idFieldName];
var pid = item[p.parentIDFieldName];
if(!pid) pid = 0;
if (pid == p.topParentIDValue)//根节点
{
getItem(targetData, id) == null && addItem(targetData, item);
}
else
{
var pitem = getItem(targetData, pid);
if (pitem && getItem(targetData, id) == null)//找到父节点数据并且还没插入
{
pitem.children = pitem.children || [];
addItem(pitem.children, item);
}
}
currentIndex = (currentIndex + 1) % itemLength;
}
return targetData;
}
};
if (!$(this).hasClass('n-tree')) $(this).addClass('n-tree');
g.tree = $(this);
if (!p.treeLine) g.tree.addClass("n-tree-noline");
g.sysAttribute = ['isexpand', 'ischecked', 'href', 'style'];
g.loading = $("");
g.tree.after(g.loading);
g.data = [];
g.maxOutlineLevel = 1;
g.treedataindex = 0;
po.applyTree();
po.setTreeEven();
if (p.data)
{
g.append(null, p.data);
}
if (p.url)
{
g.loadData(null, p.url);
}
if (this.id == undefined || this.id == "") this.id = "WebUI_" + new Date().getTime();
WebUIManagers[this.id + "_Tree"] = g;
this.usedTree = true;
});
if (this.length == 0) return null;
if (this.length == 1) return WebUIManagers[this[0].id + "_Tree"];
var managers = [];
this.each(function()
{
managers.push(WebUIManagers[this.id + "_Tree"]);
});
return managers;
};
})(jQuery);