1389 lines
29 KiB
JavaScript
1389 lines
29 KiB
JavaScript
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
function HtmlTree(vessel, model){
|
||
/* 修复Array.indexOf方法 */
|
||
if(![].indexOf) Array.prototype.indexOf = function(e, i){
|
||
if(isNaN(i)) i = 0;
|
||
if(i < 0) return this.indexOf(e, i+this.length);
|
||
for(; i < this.length; i++){
|
||
if(this[i] == e) return i;
|
||
}
|
||
return -1;
|
||
};
|
||
|
||
var tree = this;
|
||
// 暴露方法
|
||
tree.NodeOnClick = HtmlNode.UDF;
|
||
tree.NodeOnDblclick = HtmlNode.UDF;
|
||
tree.NodeOnCheck = HtmlNode.UDF;
|
||
tree.NodeOnUncheck = HtmlNode.UDF;
|
||
tree.NodeOnMove = HtmlNode.UDF;
|
||
tree.EvalFunsAsk = HtmlNode.UDF;
|
||
|
||
// 内部变量
|
||
var funs = new Array();
|
||
var css = HtmlNode.UDF;
|
||
var skin = HtmlNode.UDF;
|
||
var clickNode = HtmlNode.UDF;
|
||
var moveNode = HtmlNode.UDF;
|
||
var markNode = HtmlNode.UDF;
|
||
var root = HtmlNode.UDF;
|
||
var DIS_CHECK = 0;
|
||
var CHECK = 1;
|
||
var CHECKED = 2;
|
||
var HALF_CHECKED = 3;
|
||
|
||
/*
|
||
* 阻止冒泡
|
||
* @param e
|
||
*/
|
||
function stopEvent(e){
|
||
if(e.stopPropagation) e.stopPropagation();
|
||
else e.cancelBubble=true;
|
||
}
|
||
|
||
/*
|
||
* 方法嫁接，将对象obj2的方法名为name的方法嫁接到对象obj1上去
|
||
* @param obj1
|
||
* @param obj2
|
||
* @param name
|
||
*/
|
||
function graftFun(obj1, obj2, name){
|
||
if(typeof obj2[name] != "function") return;
|
||
obj1[name] = function(){
|
||
return obj2[name].apply(obj2, arguments);
|
||
};
|
||
}
|
||
|
||
/*
|
||
* 执行预留事件
|
||
* @param en 预留事件集合编号
|
||
* @param fnum 执行多少次询问
|
||
* @param efuns 已执行事件
|
||
*/
|
||
function evalfuns(en, fnum, efuns, onefuns){
|
||
if(funs[en].length == 0) return;
|
||
if(!efuns) efuns = new Array();
|
||
if(!onefuns) onefuns = new Array();
|
||
if(typeof tree.EvalFunsAsk == "function" && (!fnum || onefuns.length % fnum == 0)){
|
||
onefuns.length = 0;
|
||
fnum = tree.EvalFunsAsk(funs[en], efuns);
|
||
}
|
||
if(isNaN(fnum) || fnum <= 0) return;
|
||
|
||
funs[en][0]();
|
||
efuns.push(funs[en][0]);
|
||
onefuns.push(funs[en][0]);
|
||
funs[en].splice(0, 1); // 执行完清理
|
||
evalfuns(en, fnum, efuns, onefuns);
|
||
}
|
||
|
||
/*
|
||
* 画节点
|
||
* @param obj ul or li
|
||
* @param HtmlNode
|
||
* @param direction
|
||
*/
|
||
function drawNode(obj, node, direction){
|
||
var icon = node.getIcon(true);
|
||
var li = $("<li></li>", vessel.ownerDocument);
|
||
if(direction==true) li.insertBefore(obj);
|
||
else if(direction==false) li.insertAfter(obj);
|
||
else li.appendTo(obj);
|
||
if(node.getData()["beclick"]) icon += " click";
|
||
var span = $("<span class=\"node "+icon+"\" title=\""+(node.getTips()?node.getTips():"")+"\" ><span>"+node.getText()+"</span><span>"+model["appendHtml"]+"</span></span>", vessel.ownerDocument).appendTo(li).click(function(e){
|
||
node.click(e);
|
||
}).dblclick(function(){
|
||
if(typeof tree.NodeOnDblclick != "function") return;
|
||
tree.NodeOnDblclick(node);
|
||
}).mousedown(function(e){
|
||
if(typeof tree.NodeOnMove != "function") return;
|
||
node.time = setTimeout(function(){
|
||
node.mark("move");
|
||
moveNode = node;
|
||
moveNode.clientY = e.clientY; // 记录下鼠标纵向位置
|
||
}, 500);
|
||
}).mouseover(function(e){
|
||
if(!moveNode || isNaN(moveNode.clientY) || node == moveNode || typeof tree.NodeOnMove != "function") return;
|
||
if(e.clientY > moveNode.clientY){
|
||
$(node._dom).removeClass("over_up").addClass("over_down");
|
||
var down = node.getDown();
|
||
if(down) $(down._dom).removeClass("over_down").addClass("over_up");
|
||
}else{
|
||
$(node._dom).removeClass("over_down").addClass("over_up");
|
||
var up = node.getUp();
|
||
if(up && up != node.getParent()) $(up._dom).removeClass("over_up").addClass("over_down");
|
||
}
|
||
moveNode.clientY = e.clientY;
|
||
}).mouseleave(function(){
|
||
if(!moveNode || node == moveNode || typeof tree.NodeOnMove != "function") return;
|
||
$(node._dom).removeClass("over_down").removeClass("over_up");
|
||
var up = node.getUp();
|
||
if(up) $(up._dom).removeClass("over_down").removeClass("over_up");
|
||
var down = node.getDown();
|
||
if(down) $(down._dom).removeClass("over_up").removeClass("over_down");
|
||
}).mouseup(function(){
|
||
if(typeof tree.NodeOnMove != "function") return;
|
||
clearTimeout(node.time);
|
||
if(!moveNode) return;
|
||
node.insert(moveNode, $(node.getDom()).hasClass("over_up"));
|
||
$(node._dom).removeClass("over_down").removeClass("over_up");
|
||
setTimeout(function(){
|
||
moveNode.unmark("move");
|
||
moveNode = null;
|
||
}, 500);
|
||
delete node.time;
|
||
delete moveNode.time;
|
||
delete moveNode.clientY;
|
||
});
|
||
|
||
if(node.isMultiselect()){
|
||
var cls = "";
|
||
switch(node.getData()["check"]){
|
||
case CHECKED : cls = " check"; break;
|
||
case HALF_CHECKED : cls = " halfcheck"; break;
|
||
}
|
||
$("<span class=\"index checkbox"+cls+"\"> </span>", vessel.ownerDocument).prependTo(span).click(function(e){
|
||
stopEvent(e);
|
||
if(node.isChecked()){
|
||
node.uncheck();
|
||
}else{
|
||
node.check();
|
||
}
|
||
});
|
||
}
|
||
span.prepend("<span class=\"index icon\"> </span>");
|
||
var arrow = "";
|
||
if(node.getChildren().length > 0) arrow = " arrow";
|
||
$("<a class=\"index"+arrow+"\" href=\"javascript:void(0)\" onclick=\"return false;\" hidefocus> </a>", vessel.ownerDocument).prependTo(span).click(function(e){
|
||
if(node.getChildren().length == 0) return;
|
||
stopEvent(e);
|
||
if(span.next().is(":visible")){
|
||
node.collapse();
|
||
}else{
|
||
node.expand();
|
||
}
|
||
});
|
||
for(var i = 0; i < node.getLeave(); i++){
|
||
span.prepend("<span class=\"index\"> </span>");
|
||
}
|
||
node._setDom(li[0]);
|
||
}
|
||
|
||
/*
|
||
* 处理check半选状态
|
||
*/
|
||
function park(data, init){
|
||
var n1 = 0; // 已选
|
||
var n2 = 0; // 半选
|
||
var n3 = 0; // 未选
|
||
for(var i = 0; i < data["storys"].length; i++){
|
||
if(init) park(data["storys"][i], true);
|
||
switch(data["storys"][i]["CK"]){
|
||
case CHECKED : n1++; break;
|
||
case HALF_CHECKED : n2++; break;
|
||
default : n3++; break;
|
||
}
|
||
}
|
||
var check = DIS_CHECK;
|
||
if(data["storys"].length == 0) check = data["check"];
|
||
else if(n1 == data["storys"].length) check = CHECKED;
|
||
else if(n3 == data["storys"].length) check = CHECK;
|
||
else check = HALF_CHECKED;
|
||
data["CK"] = check;
|
||
if(data["check"] >= CHECK && data["check"] <= HALF_CHECKED) data["check"] = check;
|
||
}
|
||
|
||
/*
|
||
* 整理节点数据的check选中与否状态
|
||
*/
|
||
function parkNode(node, flag){
|
||
if(!node) return;
|
||
node.getData()["CK"] = flag ? CHECKED : CHECK;
|
||
if(node.isMultiselect()) node.getData()["check"] = node.getData()["CK"];
|
||
for(var i = 0; i < node.getChildren().length; i++){
|
||
parkNode(node.getChildren()[i], flag);
|
||
}
|
||
}
|
||
|
||
/*
|
||
* 整理父节点数据的check选中与否状态
|
||
*/
|
||
function parkParent(node){
|
||
if(!node) return;
|
||
park(node.getData());
|
||
parkParent(node.getParent());
|
||
}
|
||
|
||
/*
|
||
* 整理节点选中与否状态
|
||
*/
|
||
function parkCheck(node, flag){
|
||
if(!node) return;
|
||
var parent = node.getParent();
|
||
while(parent){
|
||
if(parent.getDom()){
|
||
var checkbox = $(">span .checkbox", parent.getDom()).removeClass("halfcheck").removeClass("check");
|
||
if(parent.isHalfChecked()) checkbox.addClass("halfcheck");
|
||
else if(parent.isChecked()) checkbox.addClass("check");
|
||
}
|
||
parent = parent.getParent();
|
||
}
|
||
if(typeof flag == "boolean" && node._dom){
|
||
var checkbox = $(".checkbox", node._dom);
|
||
if(flag) checkbox.removeClass("halfcheck").addClass("check");
|
||
else checkbox.removeClass("check").removeClass("halfcheck");
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getRoot = function(){
|
||
return root;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getClick = function(){
|
||
return clickNode;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.nearCss = function(cls, flag){
|
||
if(flag) css.before(cls);
|
||
else skin.after(cls);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getEvalFunsAsk = function(){
|
||
return function(funs, efuns, num){
|
||
if(isNaN(num)) num = 50;
|
||
if(efuns.length == 0 && funs.length < num) return num;
|
||
var msg;
|
||
if(efuns.length == 0) msg = "此次操作有"+funs.length+"个事件需要执行，是否执行？";
|
||
else msg = "此次操作还剩"+funs.length+"个事件需要执行(已执行"+efuns.length+"个)，是否继续执行？";
|
||
if(confirm(msg)) return num;
|
||
};
|
||
};
|
||
|
||
|
||
|
||
|
||
var input = null; this.showSearch = function(fun){
|
||
if(!input){
|
||
input = $("<input/>", vessel.ownerDocument).appendTo($("<div class='htmltreesearch'></div>", vessel.ownerDocument).appendTo(vessel.ownerDocument.body)).after("<span> </span>");
|
||
var nodes = null, index = 0;
|
||
input.keyup(function(e){
|
||
if(e.keyCode != 13){
|
||
nodes = null;
|
||
return;
|
||
}
|
||
});
|
||
input.keydown(function(e){
|
||
if(!(e.ctrlKey && e.shiftKey))
|
||
AsLink.stopEvent(e);
|
||
if(e.keyCode == 27){
|
||
input.blur().parent().hide();
|
||
if(markNode) markNode.focus();
|
||
else if(tree.getClick()) tree.getClick().focus();
|
||
return;
|
||
}
|
||
if(e.keyCode != 13){
|
||
nodes = null;
|
||
return;
|
||
}
|
||
if(!nodes){
|
||
index = 0;
|
||
nodes = tree.getRoot().getNodes(input.val());
|
||
}
|
||
if(index == nodes.length) index = 0;
|
||
if(nodes.length > 0){
|
||
if(markNode && nodes[index] != markNode)
|
||
markNode.unmark("mark");
|
||
nodes[index].mark("mark", true);
|
||
markNode = nodes[index];
|
||
if(typeof fun == "function") fun.apply(tree, [markNode]);
|
||
index++;
|
||
}
|
||
var text = "";
|
||
if(index < 100) text += " ";
|
||
if(index < 10) text += " ";
|
||
text += index;
|
||
text += "/";
|
||
text += nodes.length;
|
||
if(nodes.length < 100) text += " ";
|
||
if(nodes.length < 10) text += " ";
|
||
input.next().html(text);
|
||
input.focus();
|
||
});
|
||
}
|
||
var div = input.parent();
|
||
if(div.is(":visible")){
|
||
div.hide();
|
||
input.blur();
|
||
}else{
|
||
div.show();
|
||
input.focus();
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.initDefQuickKeys = function(){
|
||
var time = null;
|
||
$(vessel.ownerDocument).keydown(function(e){
|
||
if(e.ctrlKey && e.shiftKey){
|
||
if(e.keyCode == 70){ // Ctrl+Shift+F 显示查询框
|
||
var now = new Date();
|
||
if(time && now.getTime() - time.getTime() < 1000) return;
|
||
time = now;
|
||
tree.showSearch();
|
||
return false;
|
||
}else if(e.keyCode == 80){ // Ctrl+Shift+P 聚焦到当前点击节点
|
||
var click = tree.getClick();
|
||
if(!click) return;
|
||
click.focus();
|
||
return false;
|
||
}
|
||
}
|
||
|
||
var node = markNode;
|
||
if(!node) node = tree.getClick();
|
||
|
||
if(e.keyCode == 37 && node){ // ←
|
||
node.collapse();
|
||
return false;
|
||
}else if(e.keyCode == 38){ // ↑
|
||
var up;
|
||
if(!node){
|
||
up = tree.getIndexNode(0);
|
||
}else{
|
||
up = node.getUp();
|
||
}
|
||
if(!up) return;
|
||
if(node) node.unmark("mark");
|
||
up.mark("mark", true);
|
||
markNode = up;
|
||
return false;
|
||
}else if(e.keyCode == 39 && node){ // →
|
||
node.expand();
|
||
return false;
|
||
}else if(e.keyCode == 40){ // ↓
|
||
var down;
|
||
if(!node){
|
||
down = tree.getIndexNode(0);
|
||
}else{
|
||
down = node.getDown();
|
||
}
|
||
if(!down) return;
|
||
if(node) node.unmark("mark");
|
||
down.mark("mark", true);
|
||
markNode = down;
|
||
return false;
|
||
}
|
||
});
|
||
};
|
||
|
||
/*
|
||
* 节点对象
|
||
* @param data
|
||
* @param parent
|
||
* @returns
|
||
*/
|
||
function HtmlNode(data, parent){
|
||
|
||
var children = new Array();
|
||
this._dom = null;
|
||
var _leave = -1;
|
||
|
||
/* 内部方法
|
||
* * * * * *
|
||
* 设置节点依附文档
|
||
*/
|
||
this._setDom = function(dom){
|
||
dom.node = this;
|
||
this._dom = dom;
|
||
};
|
||
|
||
/* 内部方法
|
||
* * * * * *
|
||
* 设置节点所处级别
|
||
*/
|
||
this._setLeave = function(leave){
|
||
if(this._dom){
|
||
var span = $(">span", this._dom);
|
||
if(leave > _leave) for(var i = 0; i < leave - _leave; i++){
|
||
span.prepend("<span class=\"index\"> </span>");
|
||
}else span.find(".index:lt("+(_leave-leave)+")").remove();
|
||
}
|
||
for(var i = 0; i < this.getChildren().length; i++){
|
||
this.getChildren()[i]._setLeave(leave+1);
|
||
}
|
||
_leave = leave;
|
||
return this;
|
||
};
|
||
|
||
/* 内部方法
|
||
* * * * * *
|
||
* 设置父节点
|
||
*/
|
||
this._setParent = function(nParent){
|
||
parent = nParent;
|
||
};
|
||
|
||
/* 内部方法
|
||
* * * * * *
|
||
* 勾画子节点
|
||
*/
|
||
this._drawChildren = function(){
|
||
var dom = this.getDom();
|
||
var ul = $(">ul", dom);
|
||
if(ul.length == 0){
|
||
ul = $("<ul style='display:none;'></ul>", vessel.ownerDocument).appendTo(dom);
|
||
for(var i = 0; i < children.length; i++){
|
||
drawNode(ul, children[i]);
|
||
}
|
||
}
|
||
return ul;
|
||
};
|
||
|
||
/* 内部方法
|
||
* * * * * *
|
||
* 初始化当前节点
|
||
*/
|
||
this._init = function(en){
|
||
var flag = isNaN(en);
|
||
if(flag){
|
||
en = funs.length;
|
||
funs.push(new Array());
|
||
}
|
||
for(var i = 0; i < data["storys"].length; i++){
|
||
children.push(new HtmlNode(data["storys"][i], this, en)._setLeave(_leave+1)._init(en));
|
||
}
|
||
var node = this;
|
||
if(data["beclick"]){
|
||
data["beclick"] = false;
|
||
funs[en].push(function(){node.click();});
|
||
}
|
||
if(data["expand"]) funs[en].push(function(){node.expand();});
|
||
if(flag){
|
||
if(this == tree.getRoot()) setTimeout(function(){
|
||
evalfuns(en);
|
||
}, 500); else evalfuns(en);
|
||
}
|
||
|
||
return this;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getData = function(){
|
||
return data;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getText = function(){
|
||
if(this == tree.getRoot()) return data["name"];
|
||
return data["text"];
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.setText = function(text){
|
||
if(this == tree.getRoot()){
|
||
data["name"] = text;
|
||
}else{
|
||
data["text"] = text;
|
||
if(this._dom)
|
||
$(">span span:last", this._dom).prev().html(text);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getTips = function(){
|
||
return data["tips"];
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getIcon = function(flag){
|
||
var icon = this.getChildren().length > 0 ? "folder" : "page";
|
||
if(data["icon"]){
|
||
if(data["icon"]=="folder"){
|
||
icon = "folder";
|
||
}else if(data["icon"]!="page"){
|
||
if(flag) icon += " "+data["icon"];
|
||
else icon = data["icon"];
|
||
}
|
||
}
|
||
return icon;
|
||
};
|
||
|
||
/*
|
||
* 获取真实属性键值
|
||
*/
|
||
this._getAttrKey = function(attrKey){
|
||
if(typeof attrKey != "string") return;
|
||
var data = this.getData();
|
||
if(!data) return;
|
||
if(data["attributes"][attrKey]) return attrKey;
|
||
attrKey = attrKey.toUpperCase();
|
||
for(var o in data["attributes"]){
|
||
if(attrKey == o.toUpperCase()){
|
||
return o;
|
||
}
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.setAttribute = function(attrKey, attrValue){
|
||
if(this == tree.getRoot()){
|
||
this.setText(attrValue);
|
||
return;
|
||
}
|
||
attrKey = this._getAttrKey(attrKey);
|
||
this.getData()[attrKey] = attrValue;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.removeAttribute = function(attrKey){
|
||
if(this == tree.getRoot()) return;
|
||
attrKey = this._getAttrKey(attrKey);
|
||
if(!attrKey) return;
|
||
var attrValue = this.getData()[attrKey];
|
||
delete this.getData()[attrKey];
|
||
return attrValue;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getAttribute = function(sKey){
|
||
if(this == tree.getRoot()) return this.getText();
|
||
return this.getData()["attributes"][this._getAttrKey(sKey)];
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getParent = function(){
|
||
return parent;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getNode = function(attrKey, obj){
|
||
if(typeof obj == "undefined"){
|
||
obj = attrKey;
|
||
attrKey = HtmlNode.UDF;
|
||
}
|
||
if(this._dom == obj) return this;
|
||
var flag = true;
|
||
try{flag = $(this._dom).find(obj).length != 1;}catch(e){};
|
||
if(flag){
|
||
if(typeof attrKey != "string" && typeof obj != "string") return; // 不指定属相键值取text，text必须是字符串
|
||
|
||
function _getNode(node){
|
||
var attrValue = typeof attrKey != "string" ? node.getText() : node.getAttribute(attrKey);
|
||
if(obj == attrValue) return node;
|
||
for(var i = 0; i < node.getChildren().length; i++){
|
||
var gNode = _getNode(node.getChildren()[i]);
|
||
if(gNode) return gNode;
|
||
}
|
||
}
|
||
return _getNode(this);
|
||
}
|
||
|
||
if(!obj) return;
|
||
obj = $(obj)[0];
|
||
while(obj){
|
||
if(obj == this._dom) return this;
|
||
if($(obj).is("span.node")) return obj.parentNode.node;
|
||
obj = obj.parentNode;
|
||
}
|
||
return;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getChildren = function(){
|
||
return children;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getIndexNode = function(index, onlyLeaf){
|
||
var nodes = this.getNodes();
|
||
var n = 0;
|
||
for(var i = 0; i < nodes.length; i++){
|
||
if(onlyLeaf && nodes[i].getChildren().length > 0) continue;
|
||
if(index == n) return nodes[i];
|
||
n++;
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getNodesByAttrs = function(operations){
|
||
var nodes = this.getNodes();
|
||
for(var i = 0; i < operations.length; i++){
|
||
var ns = new Array();
|
||
for(var j = 0; j < nodes.length; j++){
|
||
var v = nodes[j].getAttribute(operations[i].key);
|
||
if(operations[i].operate == "like"){
|
||
if(v.indexOf(operations[i].value) < 0) continue;
|
||
}else if(operations[i].operate == "equals"){
|
||
if(v != operations[i].value) continue;
|
||
}else continue;
|
||
ns.push(nodes[j]);
|
||
}
|
||
nodes = ns; // operations循环将会缩小范围
|
||
}
|
||
return nodes;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getNodes = function(attrKey, text){
|
||
if(typeof text == "undefined"){
|
||
text = attrKey;
|
||
attrKey = HtmlNode.UDF;
|
||
}
|
||
|
||
var nodes = new Array();
|
||
if(!text) text = "";
|
||
var aText = text.split(" ");
|
||
|
||
function _getNodes(node){
|
||
a:for(var i = 0; i < node.getChildren().length; i++){
|
||
if(text){
|
||
var attrValue;
|
||
if(!attrKey) attrValue = node.getChildren()[i].getData()["text"];
|
||
else attrValue = node.getChildren()[i].getAttribute(attrKey);
|
||
attrValue = ""+attrValue; // 必须为字符串
|
||
|
||
for(var j = 0; j < aText.length; j++){
|
||
if(attrValue.indexOf(aText[j]) < 0){
|
||
_getNodes(node.getChildren()[i]);
|
||
continue a;
|
||
}
|
||
}
|
||
}
|
||
nodes.push(node.getChildren()[i]);
|
||
_getNodes(node.getChildren()[i]);
|
||
}
|
||
}
|
||
_getNodes(this);
|
||
|
||
return nodes;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getMultiNodes = function(){
|
||
var nodes = this.getNodes();
|
||
var multiNodes = new Array();
|
||
for(var i = 0; i < nodes.length; i++){
|
||
if(nodes[i].isMultiselect())
|
||
multiNodes.push(nodes[i]);
|
||
}
|
||
return multiNodes;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getChecked = function(flag, excludes){
|
||
var nodes = this.getMultiNodes(this);
|
||
//alert(nodes.length);
|
||
var checkeds = new Array();
|
||
for(var i = 0; i < nodes.length; i++){
|
||
if(excludes && excludes.indexOf(nodes[i]) >= 0) continue;
|
||
if(nodes[i].isChecked() || (flag && nodes[i].isHalfChecked())){
|
||
checkeds.push(nodes[i]);
|
||
}
|
||
}
|
||
return checkeds;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getTopChecked = function(flag, excludes){
|
||
var checkeds = new Array();
|
||
var thiz = this;
|
||
function _getTopChecked(node){
|
||
if(excludes && excludes.indexOf(node)) return;
|
||
if(node != thiz && node.isChecked() || (flag && node.isHalfChecked())){
|
||
checkeds.push(node);
|
||
return;
|
||
}
|
||
for(var i = 0; i < node.getChildren().length; i++){
|
||
_getTopChecked(node.getChildren()[i]);
|
||
}
|
||
}
|
||
_getTopChecked(this);
|
||
return checkeds;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getUnchecked = function(flag, excludes){
|
||
var nodes = this.getMultiNodes(this);
|
||
//alert(nodes.length);
|
||
var uncheckeds = new Array();
|
||
for(var i = 0; i < nodes.length; i++){
|
||
if(excludes && excludes.indexOf(nodes[i]) >= 0) continue;
|
||
if(nodes[i].isChecked()) continue;
|
||
if(!flag && nodes[i].isHalfChecked()) continue;
|
||
uncheckeds.push(nodes[i]);
|
||
}
|
||
return uncheckeds;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getLeave = function(){
|
||
return _leave;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getDom = function(){
|
||
if(!this._dom) this.getParent()._drawChildren();
|
||
return this._dom;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getUp = function(){
|
||
if(this == tree.getRoot()) return;
|
||
var li = $(this.getDom()).prev();
|
||
if(li.length == 0){
|
||
li = $(this.getDom()).parent().parent();
|
||
if(li.length == 0 || !li.is("li")) return;
|
||
}else{
|
||
do{
|
||
var ul = li.find(">ul:visible");
|
||
if(ul.length == 0 || ul.is(":empty")) break;
|
||
li = ul.find(">li:last");
|
||
}while(true);
|
||
}
|
||
return li[0].node;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.getDown = function(){
|
||
if(this == tree.getRoot()) return;
|
||
var li = $(this.getDom());
|
||
var ul = li.find(">ul:visible");
|
||
if(ul.length == 1 && !ul.is(":empty")){
|
||
li = ul.find(">li:first");
|
||
}else{
|
||
do{
|
||
var temp = li.next();
|
||
if(temp.length == 1){
|
||
li = temp;
|
||
break;
|
||
}
|
||
li = li.parent().parent();
|
||
if(!li.is("li")) return;
|
||
}while(true);
|
||
}
|
||
return li[0].node;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.expand = function(flag){
|
||
if(!this._dom || !$(">ul", this._dom).is(":visible")){
|
||
if(this.getParent() && !this.getParent().expand()) return false;
|
||
this._drawChildren().show().prev().addClass("expand");
|
||
}
|
||
|
||
if(flag){
|
||
funs.push(new Array());
|
||
function _expand(node){
|
||
// 节点打开判断
|
||
var flag = node._dom && $(">ul", node._dom).is(":visible");
|
||
for(var i = 0; i < node.getChildren().length; i++){
|
||
var child = node.getChildren()[i];
|
||
if(child.getChildren().length == 0){
|
||
if(flag) continue;
|
||
funs[funs.length-1].push(function(){
|
||
node.expand();
|
||
});
|
||
flag = true;
|
||
}else{
|
||
_expand(child);
|
||
}
|
||
}
|
||
}
|
||
$(">ul ul", this.getDom()).show().prev().addClass("expand");
|
||
_expand(this);
|
||
//alert(funs[funs.length-1].length);
|
||
evalfuns(funs.length-1);
|
||
}
|
||
|
||
return true;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.collapse = function(flag){
|
||
if(!this._dom) return;
|
||
$(!flag ? ">ul" : this == tree.getRoot() ? ">ul ul" : "ul", this._dom).hide().prev().removeClass("expand");
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
this.toggle = function(){
|
||
if(this._dom && $(">ul", this._dom).is(":visible")){
|
||
this.collapse();
|
||
}else{
|
||
this.expand();
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.click = function(e){
|
||
if(!this.focus()) return false; // 未聚焦到，没办法点击
|
||
if(typeof tree.NodeOnClick == "function" && tree.NodeOnClick(this, e) == false) return false; // 外置事件返回false不做点击
|
||
if(clickNode) clickNode.unclick();
|
||
clickNode = this;
|
||
data["beclick"] = true;
|
||
$(">span", this.getDom()).addClass("click");
|
||
if(markNode){
|
||
markNode.unmark("mark");
|
||
markNode = null;
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
this.unclick = function(){
|
||
if(this == tree.getRoot()) return;
|
||
data["beclick"] = false;
|
||
$(">span", this.getDom()).removeClass("click");
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.isMultiselect = function(){
|
||
return !isNaN(data["check"]) && data["check"] >= CHECK && data["check"] <= HALF_CHECKED;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.isChecked = function(){
|
||
return data["check"] == CHECKED;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.isHalfChecked = function(){
|
||
return data["check"] == HALF_CHECKED;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.isHigher = function(node){
|
||
if(!node) return false;
|
||
var parent = node.getParent();
|
||
while(parent){
|
||
if(this == parent) return true;
|
||
parent = parent.getParent();
|
||
};
|
||
return false;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
this.check = function(){
|
||
// 勾选前未勾选的节点
|
||
var checkeds = this.getUnchecked(true);
|
||
//alert(checkeds.length);
|
||
|
||
// 预备变量
|
||
var parent = this.getParent();
|
||
var includeSelf = this != tree.getRoot() && !this.isChecked();
|
||
var includeParent = false;
|
||
if(this != tree.getRoot())
|
||
includeParent = !this.getParent().isChecked();
|
||
|
||
// 勾选过程
|
||
parkNode(this, true);
|
||
parkParent(parent);
|
||
parkCheck(this, true);
|
||
|
||
// 当前勾选的节点
|
||
if(includeSelf) checkeds.unshift(this);
|
||
if(includeParent) while(parent && parent != tree.getRoot() && parent.isChecked()){
|
||
checkeds.unshift(parent);
|
||
parent = parent.getParent();
|
||
}
|
||
|
||
// 触发勾选外置事件
|
||
if(typeof tree.NodeOnCheck == "function")
|
||
tree.NodeOnCheck(checkeds);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
this.uncheck = function(_flag){
|
||
// 勾选前已勾选节点
|
||
var discheckeds = null;
|
||
|
||
if(!_flag){
|
||
discheckeds = this.getChecked(false);
|
||
if(this != tree.getRoot() && this.isChecked())
|
||
discheckeds.unshift(this);
|
||
var parent = this.getParent();
|
||
while(parent && parent != tree.getRoot() && parent.isChecked()){
|
||
discheckeds.unshift(parent);
|
||
parent = parent.getParent();
|
||
}
|
||
}
|
||
|
||
// 勾选过程
|
||
parkNode(this, false);
|
||
parkParent(this.getParent());
|
||
parkCheck(this, false);
|
||
|
||
// 触发去除勾选外置事件
|
||
if(!_flag && typeof tree.NodeOnUncheck == "function")
|
||
tree.NodeOnUncheck(discheckeds);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.mark = function(cls, flag){
|
||
if(this == tree.getRoot()) return;
|
||
if(cls == "click"){
|
||
this.click();
|
||
return;
|
||
}
|
||
if(flag) this.focus();
|
||
$(">span", this.getDom()).addClass(cls);
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.unmark = function(cls){
|
||
if(this == tree.getRoot()) return;
|
||
if(cls == "click"){
|
||
this.unclick();
|
||
return;
|
||
}
|
||
$(">span", this.getDom()).removeClass(cls);
|
||
return this;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
this.focus = function(){
|
||
if(!this.getParent() || !this.getParent().expand()) return false;
|
||
$(">span >a:first", this.getDom()).focus();
|
||
return true;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.insert = function(node, direction, _inner){
|
||
if(node == tree.getRoot() || this == node) return;
|
||
if(this == tree.getRoot()) direction = HtmlNode.UDF;
|
||
|
||
var parent = (direction==true||direction==false)?this.getParent():this;
|
||
var children = parent.getChildren();
|
||
var index = direction==true ? children.indexOf(this) : direction==false ? children.indexOf(this)+1 : children.length;
|
||
|
||
var oparent = node.getParent();
|
||
var ochildren = oparent.getChildren();
|
||
var oindex = ochildren.indexOf(node);
|
||
|
||
//alert(index +" "+ oindex);
|
||
if(parent == oparent && index == oindex) return;
|
||
if(!_inner && typeof tree.NodeOnMove == "function" && tree.NodeOnMove(node, parent, index) == false)
|
||
return;
|
||
|
||
// 如果node是当前节点的上级，那么要先将node的子节点移到node的前面去
|
||
if(node.isHigher(this) && node.getChildren().length > 0){
|
||
var flag = node.isChecked();
|
||
while(node.getChildren().length > 0){
|
||
node.insert(node.getChildren()[0], true, true);
|
||
}
|
||
$(node._dom).find(">span").removeClass("folder").addClass("page").find(".icon").prev().removeClass("arrow").removeClass("expand");
|
||
if(!flag) node.uncheck(true);
|
||
}
|
||
|
||
parent = (direction==true||direction==false)?this.getParent():this;
|
||
children = parent.getChildren();
|
||
index = direction==true ? children.indexOf(this) : direction==false ? children.indexOf(this)+1 : children.length;
|
||
oparent = node.getParent();
|
||
ochildren = oparent.getChildren();
|
||
oindex = ochildren.indexOf(node);
|
||
|
||
if(ochildren.length == 1 && oparent._dom)
|
||
$(oparent._dom).find(">span").removeClass("folder").addClass("page").find(".icon").prev().removeClass("arrow").removeClass("expand");
|
||
if(children.length == 0 && parent._dom)
|
||
$(parent._dom).find(">span").removeClass("page").addClass("folder").find(".icon").prev().addClass("arrow");
|
||
|
||
ochildren.splice(oindex, 1);
|
||
oparent.getData()["storys"].splice(oindex, 1);
|
||
parkParent(oparent);
|
||
parkCheck(node);
|
||
|
||
children.splice(index, 0, node);
|
||
parent.getData()["storys"].splice(index, 0, node.getData());
|
||
node._setParent(parent);
|
||
node._setLeave(parent.getLeave()+1);
|
||
parkParent(parent);
|
||
parkCheck(node);
|
||
|
||
if(parent._dom){
|
||
var ul = $(">ul", parent._dom);
|
||
if(ul.length == 1){
|
||
if(node._dom){
|
||
if(direction==true) $(this._dom).before(node._dom);
|
||
else if(direction==false) $(this._dom).after(node._dom);
|
||
else{
|
||
ul.append(node._dom);
|
||
}
|
||
}else{
|
||
drawNode((direction==true||direction==false)?this._dom:ul[0], node, direction);
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
if(node._dom){
|
||
$(node._dom).remove();
|
||
delete node._dom;
|
||
}
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.add = function(data, direction){
|
||
park(data, true);
|
||
if(this==tree.getRoot()) direction = HtmlNode.UDF; // undefined
|
||
var parent = (direction==true||direction==false)?this.getParent():this;
|
||
var node = new HtmlNode(data, parent)._setLeave(parent.getLeave()+1)._init();
|
||
var children = parent.getChildren();
|
||
var index = direction==true ? children.indexOf(this) : direction==false ? children.indexOf(this)+1 : children.length;
|
||
children.splice(index, 0, node);
|
||
parent.getData()["storys"].splice(index, 0, data);
|
||
|
||
if(parent._dom){
|
||
var $dom = $(parent._dom);
|
||
if(children.length == 1) $dom.find(">span").removeClass("page").addClass("folder").find(".icon").prev().addClass("arrow");
|
||
var obj = $dom.find(">ul");
|
||
if(obj.length == 1){
|
||
if(direction==true||direction==false)
|
||
obj = this._dom;
|
||
drawNode(obj, node, direction);
|
||
}
|
||
}
|
||
return node;
|
||
};
|
||
|
||
|
||
|
||
|
||
|
||
|
||
this.remove = function(holdChildren){
|
||
if(this == tree.getRoot()){
|
||
if(holdChildren) return;
|
||
while(this.getChildren().length > 0){
|
||
this.getChildren()[0].remove();
|
||
}
|
||
return;
|
||
}
|
||
|
||
var parent = this.getParent();
|
||
var children = parent.getChildren();
|
||
var index = children.indexOf(this);
|
||
if(holdChildren){
|
||
while(this.getChildren().length > 0){
|
||
this.insert(this.getChildren()[0], true, true);
|
||
}
|
||
}
|
||
|
||
children.splice(index, 1);
|
||
parent.getData()["storys"].splice(index, 1);
|
||
parkParent(parent);
|
||
if(children.length > 0){
|
||
parkCheck(children[0]);
|
||
}else{
|
||
parkCheck(parent, parent.getData()["check"]==CHECKED);
|
||
$(parent.getDom()).find(">span").removeClass("folder").addClass("page").find(".icon").prev().removeClass("arrow");
|
||
}
|
||
if(this._dom) $(this._dom).remove();
|
||
if(clickNode==this) clickNode = HtmlNode.UDF;
|
||
};
|
||
}
|
||
|
||
tree.EvalFunsAsk = tree.getEvalFunsAsk();
|
||
park(model, true);
|
||
root = new HtmlNode(model);
|
||
// 将根节点下的方法转嫁到树图对象上来
|
||
for(var o in root){
|
||
if(o.indexOf("_") >= 0) continue;
|
||
graftFun(this, root, o);
|
||
}
|
||
|
||
$(vessel).empty().addClass("htmltree").bind("selectstart", function(){return false;});
|
||
root._setDom(vessel);
|
||
root._init();
|
||
root.expand();
|
||
|
||
var head = $("head", vessel.ownerDocument);
|
||
var sScript = "/Frame/page/js/widget/htmltree.js";
|
||
var sCss = "/Frame/page/resources/css/widget/htmltree.css";
|
||
var sSkin = sSkinPath+"/css/htmltree.css";
|
||
var tempCss = $("link[href*='"+sCss+"']", vessel.ownerDocument);
|
||
var tempSkin = $("link[href*='"+sSkin+"']", vessel.ownerDocument);
|
||
if(tempCss.length == 0){
|
||
var src = $("script[src*='"+sScript+"']")[0].src;
|
||
$("<link rel=\"stylesheet\" type=\"text/css\" href=\""+src.replace(sScript, "/Frame/page/resources/css/widget/style.css")+"\" >", vessel.ownerDocument).appendTo(head);
|
||
css = $("<link rel=\"stylesheet\" type=\"text/css\" href=\""+src.replace(sScript, sCss)+"\" >", vessel.ownerDocument).appendTo(head);
|
||
skin = $("<link rel=\"stylesheet\" type=\"text/css\" href=\""+src.replace(sScript, sSkin)+"\" >", vessel.ownerDocument).appendTo(head);
|
||
}else{
|
||
css = $(tempCss[0]);
|
||
skin = $(tempSkin[0]);
|
||
}
|
||
} |