调试易

伸缩效果
var close_img_url = "images/plus.gif";
var expend_img_url = "images/minus.gif";
根据图标将一个节点下的所有子节点打开或关闭
function doTreeNode(img)
{
if (/plus\.gif$/.test(img.src.toLowerCase()))
{
var trId = img.id.replace(/^img_/, "");
var obj = document.getElementById(trId);
showChildrenNodes(obj);
img.src = expend_img_url;
}
else
{
var trId = img.id.replace(/^img_/, "");
var obj = document.getElementById(trId);
hiddenSelfAndChildrenNodes(obj, false);
img.src = close_img_url;
}
}
function hiddenSelfAndChildrenNodes (obj, bool)
{
var pId = obj.id;
if (pId == "") return;
var cNodes = tbDataList.childNodes;
var l = cNodes.length;
for (var i = 0; i < l; i++)
{
var node = cNodes[i];
var selfPId = node.getAttribute("parentid");
if (selfPId != null && selfPId != "" && selfPId == pId)
{
hiddenSelfAndChildrenNodes(node, true);
}
}
changeImgByTrObj(obj, 0);
if (bool)
{
obj.style.display = "none";
}
}function showChildrenNodes (obj)
{
var pId = obj.id;
var cNodes = tbDataList.childNodes;
var l = cNodes.length;
for (var i = 0; i < l; i++)
{
var node = cNodes[i];
if (node.getAttribute("parentid") == pId)
{
node.style.display = "";
}
}
}function changeImgByTrObj (obj, n)
{
var imgId = "img_" + obj.id;
var img = document.getElementById(imgId);
if (img == null) return;
img.src = (n == 1) ? expend_img_url : close_img_url;
}

function expendAll()
{
window.status ="处理中请稍候...";
  var obj = document.getElementsByTagName("img"); for(var j=0; j < obj.length;j++)
{
 if (/plus\.gif$/.test(obj[j].src.toLowerCase()))
{
           doTreeNode(obj[j]);
}
document.all.closeall.enabled=false;
document.all.expendall.enabled=false;

}
   window.status="";
   document.all.closeall.enabled=true;
document.all.expendall.enabled=true;
}
function closeAll()
{
 window.status ="处理中请稍候...";
  var obj = document.getElementsByTagName("tr");
  for(var j=0;j<obj.length;j++)
{
    if(obj[j].parentid==0)
{

   var imgobj = document.getElementById("img_"+obj[j].id);
   if (/minus\.gif$/.test(imgobj.src.toLowerCase()))
{
           doTreeNode(imgobj);
}
      
}

document.all.closeall.enabled=false;
document.all.expendall.enabled=false;
  }
  window.status="";
  document.all.closeall.enabled=true;
  document.all.expendall.enabled=true;
 
}

表格控制 加上id 与 parentid
<tr id="<bean:write name='info' property='id'/>" parentid="<bean:write name='info' property='parentId'/>" class="even">
<td><img height=10 width=13 class=nodeImg id="img_<bean:write name='info' property='id'/>" src="<%=request.getContextPath()%>/images/plus.gif" onclick="doTreeNode(this)">
<bean:write name="info" property="employeeName"/>
</td>