xtree_zh.js

An object based tree widget, emulating the one found in microsoft windows, | | with persistence usi

			foo.src =  webFXTreeConfig.iIcon;
	}
	return 0;
}

/*
 * WebFXTree class
 */

function WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon)
{
	this.base = WebFXTreeAbstractNode;
	this.base(sText, sAction);
	this.icon      = sIcon || webFXTreeConfig.rootIcon;
	this.openIcon  = sOpenIcon || webFXTreeConfig.openRootIcon;
	/* Defaults to open */
	if (webFXTreeConfig.usePersistence)
		this.open  = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '0')?false:true;
	else
		this.open  = true;
	this.folder    = true;
	this.rendered  = false;
	this.onSelect  = null;
	if (!webFXTreeHandler.behavior)
		webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior;
}

WebFXTree.prototype = new WebFXTreeAbstractNode;

WebFXTree.prototype.setBehavior = function (sBehavior)
{
	webFXTreeHandler.behavior =  sBehavior;
};

WebFXTree.prototype.getBehavior = function (sBehavior)
{
	return webFXTreeHandler.behavior;
};

WebFXTree.prototype.getSelected = function()
{
	if (webFXTreeHandler.selected)
		return webFXTreeHandler.selected;
	else
		return null;
}

WebFXTree.prototype.remove = function() { }

WebFXTree.prototype.expand = function()
{
	this.doExpand();
}

WebFXTree.prototype.collapse = function(b)
{
	if (!b)
		this.focus();
	this.doCollapse();
}

WebFXTree.prototype.getFirst = function()
{
	return null;
}

WebFXTree.prototype.getLast = function()
{
	return null;
}

WebFXTree.prototype.getNextSibling = function()
{
	return null;
}

WebFXTree.prototype.getPreviousSibling = function()
{
	return null;
}

WebFXTree.prototype.keydown = function(key)
{
	if (key == 39)
	{
		if (!this.open)
			this.expand();
		else if (this.childNodes.length)
			this.childNodes[0].select();
		return false;
	}
	if (key == 37)
	{
		this.collapse();
		return false;
	}
	if ((key == 40) && (this.open) && (this.childNodes.length))
	{
		this.childNodes[0].select();
		return false;
	}
	return true;
}

WebFXTree.prototype.toString = function()
{
	var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
		"<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" +
		"<a id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\"" +
		(this.target ? " target=\"" + this.target + "\"" : "") +
		">" + this.text + "</a></div>" +
		"<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
	var sb = [];
	for (var i = 0; i < this.childNodes.length; i++)
		sb[i] = this.childNodes[i].toString(i, this.childNodes.length);
	this.rendered = true;
	return str + sb.join("") + "</div>";
};

/*
 * WebFXTreeItem class
 */

function WebFXTreeItem(sText,sObj,sAction, eParent, sIcon, sOpenIcon) {
	this.base = WebFXTreeAbstractNode;
	this.base(sText, sAction,sObj);
	/* Defaults to close */
	if (webFXTreeConfig.usePersistence) {
		this.open = (webFXTreeHandler.cookies.getCookie(this.id.substr(18,this.id.length - 18)) == '1')?true:false;
	} else { this.open = false; }
	if (sIcon) { this.icon = sIcon; }
	if (sOpenIcon) { this.openIcon = sOpenIcon; }
	if (eParent) { eParent.add(this); }
}

WebFXTreeItem.prototype = new WebFXTreeAbstractNode;

WebFXTreeItem.prototype.remove = function() {
	var iconSrc = document.getElementById(this.id + '-plus').src;
	var parentNode = this.parentNode;
	var prevSibling = this.getPreviousSibling(true);
	var nextSibling = this.getNextSibling(true);
	var folder = this.parentNode.folder;
	var last = ((nextSibling) && (nextSibling.parentNode) && (nextSibling.parentNode.id == parentNode.id))?false:true;
	this.getPreviousSibling().focus();
	this._remove();
	if (parentNode.childNodes.length == 0) {
		document.getElementById(parentNode.id + '-cont').style.display = 'none';
		parentNode.doCollapse();
		parentNode.folder = false;
		parentNode.open = false;
	}
	if (!nextSibling || last) { parentNode.indent(null, true, last, this._level, parentNode.childNodes.length); }
	if ((prevSibling == parentNode) && !(parentNode.childNodes.length)) {
		prevSibling.folder = false;
		prevSibling.open = false;
		iconSrc = document.getElementById(prevSibling.id + '-plus').src;
		iconSrc = iconSrc.replace('minus', '').replace('plus', '');
		document.getElementById(prevSibling.id + '-plus').src = iconSrc;
		document.getElementById(prevSibling.id + '-icon').src = webFXTreeConfig.fileIcon;
	}
	if (document.getElementById(prevSibling.id + '-plus')) {
		if (parentNode == prevSibling.parentNode) {
			iconSrc = iconSrc.replace('minus', '').replace('plus', '');
			document.getElementById(prevSibling.id + '-plus').src = iconSrc;
}	}	}

WebFXTreeItem.prototype._remove = function() {
	for (var i = this.childNodes.length - 1; i >= 0; i--) {
		this.childNodes[i]._remove();
 	}
	for (var i = 0; i < this.parentNode.childNodes.length; i++) {
		if (this == this.parentNode.childNodes[i]) {
			for (var j = i; j < this.parentNode.childNodes.length; j++) {
				this.parentNode.childNodes[j] = this.parentNode.childNodes[j+1];
			}
			this.parentNode.childNodes.length -= 1;
			if (i + 1 == this.parentNode.childNodes.length) { this.parentNode._last = true; }
			break;
	}	}
	webFXTreeHandler.all[this.id] = null;
	var tmp = document.getElementById(this.id);
	if (tmp) { tmp.parentNode.removeChild(tmp); }
	tmp = document.getElementById(this.id + '-cont');
	if (tmp) { tmp.parentNode.removeChild(tmp); }
}

WebFXTreeItem.prototype.expand = function() {
	this.doExpand();
	document.getElementById(this.id + '-plus').src = this.minusIcon;
}

WebFXTreeItem.prototype.collapse = function(b) {
	if (!b) { this.focus(); }
	this.doCollapse();
	document.getElementById(this.id + '-plus').src = this.plusIcon;
}

WebFXTreeItem.prototype.getFirst = function() {
	return this.childNodes[0];
}

WebFXTreeItem.prototype.getLast = function() {
	if (this.childNodes[this.childNodes.length - 1].open) { return this.childNodes[this.childNodes.length - 1].getLast(); }
	else { return this.childNodes[this.childNodes.length - 1]; }
}

WebFXTreeItem.prototype.getNextSibling = function() {
	for (var i = 0; i < this.parentNode.childNodes.length; i++) {
		if (this == this.parentNode.childNodes[i]) { break; }
	}
	if (++i == this.parentNode.childNodes.length) { return this.parentNode.getNextSibling(); }
	else { return this.parentNode.childNodes[i]; }
}

WebFXTreeItem.prototype.getPreviousSibling = function(b) {
	for (var i = 0; i < this.parentNode.childNodes.length; i++) {
		if (this == this.parentNode.childNodes[i]) { break; }
	}
	if (i == 0) { return this.parentNode; }
	else {
		if ((this.parentNode.childNodes[--i].open) || (b && this.parentNode.childNodes[i].folder)) { return this.parentNode.childNodes[i].getLast(); }
		else { return this.parentNode.childNodes[i]; }
} }

WebFXTreeItem.prototype.keydown = function(key) {
	if ((key == 39) && (this.folder)) {
		if (!this.open) { this.expand(); }
		else { this.getFirst().select(); }
		return false;
	}
	else if (key == 37) {
		if (this.open) { this.collapse(); }
		else { this.parentNode.select(); }
		return false;
	}
	else if (key == 40) {
		if (this.open) { this.getFirst().select(); }
		else {
			var sib = this.getNextSibling();
			if (sib) { sib.select(); }
		}
		return false;
	}
	else if (key == 38) { this.getPreviousSibling().select(); return false; }
	return true;
}

WebFXTreeItem.prototype.toString = function (nItem, nItemCount) {
	var foo = this.parentNode;
	var indent = '';
	if (nItem + 1 == nItemCount) { this.parentNode._last = true; }
	var i = 0;
	while (foo.parentNode) {
		foo = foo.parentNode;
		indent = "<img id=\"" + this.id + "-indent-" + i + "\" src=\"" + ((foo._last)?webFXTreeConfig.blankIcon:webFXTreeConfig.iIcon) + "\">" + indent;
		i++;
	}
	this._level = i;
	if (this.childNodes.length) { this.folder = 1; }
	else { this.open = false; }
	if ((this.folder) || (webFXTreeHandler.behavior != 'classic')) {
	//if (this.folder) {
		if (!this.icon) { this.icon = webFXTreeConfig.folderIcon; }
		if (!this.openIcon) { this.openIcon = webFXTreeConfig.openFolderIcon; }
	}
	else if (!this.icon) { this.icon = webFXTreeConfig.fileIcon; }
	var label = this.text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
	var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
		indent +
		"<img id=\"" + this.id + "-plus\" src=\"" + ((this.folder)?((this.open)?((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "\" onclick=\"webFXTreeHandler.toggle(this);\">" +
		"<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" +
//响应焦点时，需要响应点击事件,为兼容以前action中带有"javascript:"前缀，focus调用函数时，需要去除前11位字符
//		"<a href=\"" + this.action + "\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\"" +
		"<a id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);" + this.action.substring(11) + "\" onblur=\"webFXTreeHandler.blur(this);\"" +
		(this.target ? " target=\"" + this.target + "\"" : "") +
		">" + label + "</a></div>" +
		"<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
	var sb = [];
	for (var i = 0; i < this.childNodes.length; i++) {
		sb[i] = this.childNodes[i].toString(i,this.childNodes.length);
	}
	this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
	this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
	return str + sb.join("") + "</div>";
}
/*=============================================================================
    修改履历：
        2004.04.19 liu_xc 增加方法 getCheckedId(), 用来获取所有选中checkbox的节点
        2004.06.02 liu_xc 增加方法 ransackTree(node), 用来遍历树上所有节点
        2004.06.02 liu_xc 增加方法 ransackTreeProxy(), 遍历树时的代理函数
        2004.07.19 liu_xc 更改方法 ransackTree(node) 可以对任意节点遍历
===============================================================================*/

/**
* added by liu_xc 2004.4.19
* 得到所有选中的checkbox的id
* 返回的是id的数组
* 注意：调用此方法之前，请调用
*	webFXTreeHandler.collection.length = 0;
*	webFXTreeHandler.colId = 0;
*   两个语句。
*/
WebFXTreeAbstractNode.prototype.getCheckedId = function ()
{
	var curNode = webFXTreeHandler.all[this.id];
    if(!curNode.folder)
    {
        if(curNode._checked)
            webFXTreeHandler.collection[webFXTreeHandler.colId++] = curNode.id;
    }
    else
    {
        if(curNode._checked)
            webFXTreeHandler.collection[webFXTreeHandler.colId++] = curNode.id;
        for(var i=0; i<curNode.childNodes.length; i++)
            curNode.childNodes[i].getCheckedId();
    }
	return webFXTreeHandler.collection;
}

//点击代理，tree为树对象，leafId为叶子节点
function clickProxy(tree,leafId)
{
	var oNodePre = webFXTreeHandler.all[leafId];
	var oNode = webFXTreeHandler.all[leafId];
	var oNodeOpen;
	var stack = new Array();
	stack.push(oNode);

	while(oNode.parentNode)
	{
		stack.push(oNode.parentNode);
		oNode = oNode.parentNode;
	}

	while(oNodeOpen = stack.pop())
	{
		if(oNodeOpen.folder)
			oNodeOpen.expand();
	}

	//需要使用focus替代webFXTreeHandler.select(oNodePre);
    //否则不能正常获取到selectId
    //by Tinny 2004-08-11
   oNodePre.focus();
}

/**
 * added by liu_xc 2004.6.2
 * 遍历树，放出代理
 */
function ransackTree(node)
{
    //根节点
    if(node.parentNode == null)
	    ransackTreeProxy(node,true,false);
    else
        ransackTreeProxy(node,false,node.childNodes.length<=0 ? true : false);
	//非根节点，遍历
	ransackNodes(node);

	//遍历函数
    function ransackNodes(node)
    {
	    for(var i=0; i< node.childNodes.length; i++)
	    {
		    if(node.childNodes[i].childNodes.length<=0)
            {
                if(!node.childNodes[i].isLoadingNode)
    			    ransackTreeProxy(node.childNodes[i],false,true);
            }
		    else
		    {
			    ransackTreeProxy(node.childNodes[i],false,false);
			    ransackNodes(node.childNodes[i]);
			}
		}
	}
}
/**
 * added by liu_xc 2004.6.2
 * 遍历树的代理函数
 * node   为树的节点
 * isRoot 代表是否是根节点
 * isLeaf 代表是否是叶子节点，true为叶子节点
 */
function ransackTreeProxy(node,isRoot,isLeaf)
{
}