(100分) xtree树中的js代码是怎么调的,点击次数多的时候cookie为什么会丢失,导致session丢失??

Question

2.xtree.jsvar webFXTreeConfig = {
rootIcon        : '/crm/images/foldericon.png',
openRootIcon    : '/crm/images/openfoldericon.png',
folderIcon      : '/crm/images/foldericon.png',
openFolderIcon  : '/crm/images/openfoldericon.png',
fileIcon        : '/crm/images/file.png',
iIcon           : '/crm/images/I.png',
lIcon           : '/crm/images/L.png',
lMinusIcon      : '/crm/images/Lminus.png',
lPlusIcon       : '/crm/images/Lplus.png',
tIcon           : '/crm/images/T.png',
tMinusIcon      : '/crm/images/Tminus.png',
tPlusIcon       : '/crm/images/Tplus.png',
blankIcon       : '/crm/images/blank.png',
defaultText     : 'Tree Item',
defaultAction   : 'javascript:dispatcherPage()',
defaultBehavior : 'classic',
usePersistence : true
};var webFXTreeHandler = {
idCounter : 0,
idPrefix  : "webfx-tree-object-",
all       : {},
behavior  : null,
selected  : null,
onSelect  : null, /* should be part of tree, not handler */
getId     : function() { return this.idPrefix + this.idCounter++; },
toggle    : function (oItem) { this.all[oItem.id.replace('-plus','')].toggle(); },
select    : function (oItem) { this.all[oItem.id.replace('-icon','')].select(); },
focus     : function (oItem) { this.all[oItem.id.replace('-icon','')].focus(); },
blur      : function (oItem) { this.all[oItem.id.replace('-icon','')].blur(); },
keydown   : function (oItem, e) { return this.all[oItem.id].keydown(e.keyCode); },
cookies   : new WebFXCookie(),
insertHTMLBeforeEnd : function (oElement, sHTML) {
if (oElement.insertAdjacentHTML != null) {
oElement.insertAdjacentHTML("BeforeEnd", sHTML)
return;
}
var df; // DocumentFragment
var r = oElement.ownerDocument.createRange();
r.selectNodeContents(oElement);
r.collapse(false);
df = r.createContextualFragment(sHTML);
oElement.appendChild(df);
}
};/*
 * WebFXCookie class
 */function WebFXCookie() {
if (document.cookie.length) { this.cookies = ' ' + document.cookie; }
}WebFXCookie.prototype.setCookie = function (key, value) {
document.cookie = key + "=" + escape(value);
}WebFXCookie.prototype.getCookie = function (key) {
if (this.cookies) {
var start = this.cookies.indexOf(' ' + key + '=');
if (start == -1) { return null; }
var end = this.cookies.indexOf(";", start);
if (end == -1) { end = this.cookies.length; }
end -= start;
var cookie = this.cookies.substr(start,end);
return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
}
else { return null; }
}/*
 * WebFXTreeAbstractNode class
 */function WebFXTreeAbstractNode(sText, sAction, nodeid, sTitle) {
this.childNodes  = [];
this.id     = webFXTreeHandler.getId();
this.nodeid = nodeid;
this.title  = sTitle || "";
this.text   = sText || webFXTreeConfig.defaultText;
this.action = sAction || webFXTreeConfig.defaultAction;
this._last  = false;
webFXTreeHandler.all[this.id] = this;
}/*
 * To speed thing up if you're adding multiple nodes at once (after load)
 * use the bNoIdent parameter to prevent automatic re-indentation and call
 * the obj.ident() method manually once all nodes has been added.
 */WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) {
node.parentNode = this;
this.childNodes[this.childNodes.length] = node;
var root = this;
if (this.childNodes.length >= 2) {
this.childNodes[this.childNodes.length - 2]._last = false;
}
while (root.parentNode) { root = root.parentNode; }
if (root.rendered) {
if (this.childNodes.length >= 2) {
document.getElementById(this.childNodes[this.childNodes.length - 2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon);
this.childNodes[this.childNodes.length - 2].plusIcon = webFXTreeConfig.tPlusIcon;
this.childNodes[this.childNodes.length - 2].minusIcon = webFXTreeConfig.tMinusIcon;
this.childNodes[this.childNodes.length - 2]._last = false;
}
this._last = true;
var foo = this;
while (foo.parentNode) {
for (var i = 0; i < foo.parentNode.childNodes.length; i++) {
if (foo.id == foo.parentNode.childNodes[i].id) { break; }
}
if (i == foo.parentNode.childNodes.length - 1) { foo.parentNode._last = true; }
else { foo.parentNode._last = false; }
foo = foo.parentNode;
}
webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString());
if ((!this.folder) && (!this.openIcon)) {
this.icon = webFXTreeConfig.folderIcon;
this.openIcon = webFXTreeConfig.openFolderIcon;
}
if (!this.folder) { this.folder = true; this.collapse(true); }
if (!bNoIdent) 
{
this.indent(); 
}
}

return node;
}WebFXTreeAbstractNode.prototype.toggle = function() {
if (this.folder) {
if (this.open) { this.collapse(); }
else { this.expand(); }
} }WebFXTreeAbstractNode.prototype.select = function() {
document.getElementById(this.id + '-icon').focus();
}WebFXTreeAbstractNode.prototype.deSelect = function() {
document.getElementById(this.id + '-icon').className = '';
webFXTreeHandler.selected = null;
}WebFXTreeAbstractNode.prototype.focus = function() {
if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) { webFXTreeHandler.selected.deSelect(); }
webFXTreeHandler.selected = this;
if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.openIcon; }
document.getElementById(this.id + '-icon').className = 'selected';
document.getElementById(this.id + '-icon').focus();
if (webFXTreeHandler.onSelect) { webFXTreeHandler.onSelect(this); }
}WebFXTreeAbstractNode.prototype.blur = function() {
if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) { document.getElementById(this.id + '-icon').src = this.icon; }
document.getElementById(this.id + '-icon').className = 'selected-inactive';
}WebFXTreeAbstractNode.prototype.doExpand = function() {
if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.openIcon; }
if (this.childNodes.length) {  document.getElementById(this.id + '-cont').style.display = 'block'; }
this.open = true;
if (webFXTreeConfig.usePersistence)
webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '1');
}WebFXTreeAbstractNode.prototype.doCollapse = function() {
if (webFXTreeHandler.behavior == 'classic') { document.getElementById(this.id + '-icon').src = this.icon; }
if (this.childNodes.length) { document.getElementById(this.id + '-cont').style.display = 'none'; }
this.open = false;
if (webFXTreeConfig.usePersistence)
webFXTreeHandler.cookies.setCookie(this.id.substr(18,this.id.length - 18), '0');
}WebFXTreeAbstractNode.prototype.expandAll = function() {
this.expandChildren();
if ((this.folder) && (!this.open)) { this.expand(); }
}WebFXTreeAbstractNode.prototype.expandChildren = function() {
for (var i = 0; i < this.childNodes.length; i++) {
this.childNodes[i].expandAll();
} }WebFXTreeAbstractNode.prototype.collapseAll = function() {
this.collapseChildren();
if ((this.folder) && (this.open)) { this.collapse(true); }
}WebFXTreeAbstractNode.prototype.collapseChildren = function() {
for (var i = 0; i < this.childNodes.length; i++) {
this.childNodes[i].collapseAll();
} 
}
/** History 2004-07-10 Add by gongjg Start
* 取根节点的最后一个一级子节点 
*/
WebFXTreeAbstractNode.prototype.getLastSubRootNode = function () {
var root = this;
while (root.parentNode) 
{
root = root.parentNode;
}
if(root.childNodes.length > 0)
{
return root.childNodes[root.childNodes.length - 1];
}else
{
return null;
}
}

Answer 1

/** 判断当前节点是不是最后一个一级子节点的childNode */
WebFXTreeAbstractNode.prototype.isLastSubRootChildNode = function () {
var lsrNode = this.getLastSubRootNode();
if(lsrNode != null)
{
var pnode = this;
while(pnode.parentNode)
{
if(pnode == lsrNode)
{
return true;
break;
}
pnode = pnode.parentNode;
}
}
return false;
}
/** History 2004-07-10 Add by gongjg End*/WebFXTreeAbstractNode.prototype.indent = function(lvl, del, last, level, nodesLeft) {
/*
 * Since we only want to modify items one level below ourself,
 * and since the rightmost indentation position is occupied by
 * the plus icon we set this to -2
 */
if (lvl == null) 
{
lvl = -2; 
}
var state = 0;
for (var i = this.childNodes.length - 1; i >= 0 ; i--)
{
state = this.childNodes[i].indent(lvl + 1, del, last, level);
if (state) 
{
return; 
}
}
if (del) {
if ((level >= this._level) && (document.getElementById(this.id + '-plus')))
{
if (this.folder)
{
document.getElementById(this.id + '-plus').src = (this.open)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.lPlusIcon;
this.plusIcon = webFXTreeConfig.lPlusIcon;
this.minusIcon = webFXTreeConfig.lMinusIcon;
}else if (nodesLeft)
{ 
document.getElementById(this.id + '-plus').src = webFXTreeConfig.lIcon; 
}
return 1;
}
}
var foo = document.getElementById(this.id + '-indent-' + lvl);
if (foo) {
if ((foo._last) || ((del) && (last)) || (this.isLastSubRootChildNode() == true)) 
{ 
foo.src =  webFXTreeConfig.blankIcon; 
}else { 
foo.src =  webFXTreeConfig.iIcon;
}
}
return 0;
}/*
 * WebFXTree class
 */function WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon, nodeid, sTitle) {
this.base = WebFXTreeAbstractNode;
this.base(sText, sAction, nodeid, sTitle);
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;
this.nodeid    = nodeid;
// this.path      = path;
this.title     = sTitle || "";
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.getChildren = function() {
var oNode = this.getSelected();
return oNode.childNodes;
}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 + "\" nodeid=\""+ this.nodeid +"\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">";
str += "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">"
str += "<a href=\"javascript:\" title=\"" + this.title + "\" onclick=\"" + this.action + "\" id=\"" + this.id + "-icon\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\">" + this.text + "</a></div>";
str += "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
for (var i = 0; i < this.childNodes.length; i++) {
str += this.childNodes[i].toString(i, this.childNodes.length);
}
str += "</div>"; this.rendered = true;
return str;
};/*
 * WebFXTreeItem class
 */function WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon,nodeid,sTitle) {
this.base = WebFXTreeAbstractNode;
this.base(sText, sAction);
/* 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); }
if (nodeid) { this.nodeid = nodeid; }
//if (path) { this.path = path; }
if (sTitle) {this.title = sTitle; }
}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;
//History 2004-07-10 Modified by gongjg//
if(document.getElementById(prevSibling.id + '-plus'))
{
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;
} } }

Answer 2

关于session丢失问题 
 
这个问题也郁闷了我很久，有时候session就莫名其妙的丢失了，跟踪了一下程序，发现session id突然改变了。百思不得其解，最后找了很多资料，都没有查出原因。
 
后来偶然看到一个关于cookie的文章，说：
MS IE+SERVICE PACK 1不能正确处理带域名和路径的Cookie，Netscape Communicator 4.05和MS IE 3.0不能正确处理不带路径和时间的Cookie。至于MS IE 5 好象不能处理带域名、路径和时间的Cookie。  
一个浏览器能创建的Cookie数量最多为30个，并且每个不能超过4KB，每个WEB站点能设置的Cookie总数不能超过20个。 
 
我突然想到，会不会是设置cookie的问题呢，因为每次操作，都用cookie作了记录，那么很容易就超过20个的，而session id也是作为一个cookie保存的，如果超过２０个，那个前面的就被覆盖掉了，也就是session id被覆盖了，这样的话，session id会重新创建，原来的session就丢失了。
 
索性去掉了cookie，果然，session不会丢失了。所以你可以找到WebFXTreeConfig.jsc
把WebFXTreeConfig.usePersistence=true
改成false就可以了， 就不会每次去记录cookie了。
 

Answer 3

或者你找到记录cookie的那段代码，去掉就可以了，我这里是在jsvm中用的，如果是js的，可能不太一样。

Answer 4

我记得xtree每次记录到cookies都是用同一个cookie的，怎么可能超过20个cookie呢
还有xtree还有一点问题，lz用久就会发现了，是节点焦点丢失时CSS还在的问题

Answer 5

每次的cookie不一样，你可以跟踪一下，好像对一个结点，使用了一个cookie