怎么样创建树形分层表格啊? 不知道你要的是这种效果不是,加qq群13839341下载共享"菜单.mxp",此插件很好用 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 伸缩效果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> 大侠们帮我看看这个程序,为啥在谷歌火狐狸不起作用啊 javascript问题。。求高人指点 js日历 抱歉没分了。请问那个高人能帮我解释一下这个JS。。 JavaScript的安全问题 求身份证正则 页面滚动到特定行 js通过frame提交后,执行另外js脚本的问题. 求JAVASCRIPT正验证问题 难!!请教大家如何实现在客户端frame中某个frameset的url的改变呢(即javascript实现url后加参数字符串!) 如何获取不同框架表单内的值 js可以把打印预览的标题"打印预览"改一下吗?
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;
}
{
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;
}
<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>