有那位高人知道asp2.0中用javascript如何循环的去读取treeview中所有父节点的value和text
有那位高人知道asp2.0中用javascript如何循环的去读取treeview中所有父节点的value和text（只有两层，没有根，不读取树叶）
[解决办法]
大致做法
<%@ Page Language= "C# " %>
<script runat= "server ">
protected void Page_Load(object sender, EventArgs e)
{
TreeView1.Attributes.Add( "onclick ", "OnClientTreeNodeChecked(event) ");
}
protected void Button1_Click(object sender, EventArgs e)
{
if (Request.Form[ "CheckedNode "] != null)
{
string CheckedNodeValue = Request.Form[ "CheckedNode "];
if (CheckedNodeValue == " ")
return;
if (CheckedNodeValue.EndsWith( ", "))
CheckedNodeValue = CheckedNodeValue.TrimEnd( ', ');
Response.Write( "您选择的节点有： "+CheckedNodeValue);
}
}
</script>
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head id= "Head1 " runat= "server ">
<title> 客户端实现全选子节点 </title>
<script type= "text/javascript " language= "javascript ">
//识别不同的浏览器
function getTargetElement(evt) {
var elem
if (evt.target)
{
elem = (evt.target.nodeType == 3) ? evt.target.parentNode : evt.target
}
else
{
elem = evt.srcElement
}
return elem
}
function OnClientTreeNodeChecked(evt)
{
evt = (evt) ? evt : ((window.event) ? window.event : " ");
if(evt == " ")
{
return;
}
var obj = getTargetElement(evt);
var hasTreeNode = false;
if(obj.tagName)
{
if (obj.tagName == "INPUT " && obj.type == "checkbox ") {
var treeNode = obj;
while (obj.tagName != "TABLE ")
{
obj = obj.parentNode;
}
var parentTreeDeep = obj.rows[0].cells.length;
var parentTreeNode = obj.rows[0].cells[0];
var oDiv = obj.parentNode;
if( null == oDiv )
{
return;
}
if( 1 != oDiv.nodeType)
{
return;
}
var tables = oDiv.getElementsByTagName( "TABLE ");
if( null == tables)
{
return;
}
var tableCount = tables.length;
if(tableCount < 1)
{
return;
}
for (i = 0; i < tableCount; i++)
{
if ( obj == tables[i] )
{
hasTreeNode = true;
i++;
if (tableCount == i )
{
return;
}
}
if (hasTreeNode)
{
var childTreeDeep = tables[i].rows[0].cells.length;
if (childTreeDeep > parentTreeDeep)
{
var cellTreeNode = tables[i].rows[0].cells[childTreeDeep - 1];
var inputs = cellTreeNode.getElementsByTagName( "INPUT ");
if( null != inputs)
{
inputs[0].checked = treeNode.checked;
}
}
else
{
return;
}
}
}
}
}
}
function ShowCheckbox()
{
var TreeView = " <%=TreeView1.ClientID %> "
var checkNode = document.getElementById( "CheckedNode ")
var checkboxs = document.getElementById(TreeView).getElementsByTagName( "INPUT ")
for(i=0;i <checkboxs.length;i++)
{
if(checkboxs[i].type == "checkbox "
&& checkboxs[i].name.substr(0,TreeView.length) == TreeView
&& checkboxs[i].checked )
{
s = checkboxs[i].nextSibling.href
if(s.indexOf( "\\ ") == -1)
{
s = s.substr(0,s.lastIndexOf( " ' "))
s = s.substr(s.lastIndexOf( " ' ")+2)
}
else
{
s = s.substr(s.lastIndexOf( "\\ ") + 1,s.lastIndexOf( " ' ") - s.lastIndexOf( "\\ ") - 1)
}
checkNode.value += s + ", "
}
}
alert( "得到的value值为：\r\n " + checkNode.value)
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<asp:TreeView ID= "TreeView1 " runat= "server " ShowLines= "true "
ShowCheckBoxes= "All ">
<Nodes>
<asp:TreeNode Text= "【孟子E章】站点一 " SelectAction= "SelectExpand " Value= "AA ">
<asp:TreeNode Text= "ASP.NET技术 " Value= "11111111111111111111111 ">
<asp:TreeNode Text= "缓存管理 " Value= "222222222 "/>
<asp:TreeNode Text= "状态管理 " Value= "33333 "/>
<asp:TreeNode Text= "导航控件 " Value= "444 ">
<asp:TreeNode Text= "Menu 服务器控件 " />
<asp:TreeNode Text= "SiteMapPath 服务器控件 " />
</asp:TreeNode>
</asp:TreeNode>
<asp:TreeNode Text= "C#技术 " />
</asp:TreeNode>
<asp:TreeNode Text= "【孟子E章】站点二 " />
<asp:TreeNode Text= "【孟子E章】站点三 ">
<asp:TreeNode Text= "Web开发技术 " />
<asp:TreeNode Text= "Web脚本库 " />
</asp:TreeNode>
</Nodes>
</asp:TreeView>
<input type= "hidden " name= "CheckedNode " id= "CheckedNode "/>
<asp:Button ID= "Button1 " runat= "server " OnClick= "Button1_Click "
OnClientClick= "ShowCheckbox() " Text= "提交 " />
</form>
</body>
</html>
