快捷導(dǎo)航

JS控件ASP.NET的treeview控件全選或者取消(示例代碼)

更新時(shí)間：2013年12月16日 09:13:10 作者：

本篇文章主要是對(duì)JS控件ASP.NET的treeview控件全選或者取消的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

函數(shù)功能:實(shí)現(xiàn)帶checkbox的treeview中
1、選中父結(jié)點(diǎn)其子結(jié)點(diǎn)也全部選中
2、取消全部子結(jié)點(diǎn)的選擇后，父結(jié)點(diǎn)的選擇也隨之取消

使用方法:
1、在<head></head>中間添加CheckNode(currentNode)、ParentNode(currentNode)、ChildNode(currentNode)

2、在*.aspx.cs的Page_load()事件中添加yourTreeView.Attribute.Add("OnCheck","CheckNode(yourTreeView.getTreeNode(yourTreeView.clickedNodeIndex))")
*/

//遞歸遍歷所有子節(jié)點(diǎn)
function   CheckNode(currentNode)
{
var   childNode=new   Array();
var   parentNodeChild=new   Array();
var   isChecked;
childNode=currentNode.getChildren();
if(currentNode.getAttribute('checked'))
{
isChecked=true;
}
else
{
isChecked=false;
}
//父節(jié)點(diǎn)處理
if(currentNode.getParent()!=null)
{
//選中處理
if(currentNode.getAttribute('Checked'))
{
ParentNode(currentNode);
}
else
//取消選中
{
ChildNode(currentNode);
}
}
else
{
//什么也不做
}
//子節(jié)點(diǎn)處理
if(childNode.length>0)
{
for(var   i=0;i<childNode.length;i++)
{
childNode.setAttribute("Checked",isChecked);
if(childNode.getChildren().length>0)
{
CheckNode(childNode);
}
}
}

}
//遞歸選中父節(jié)點(diǎn)
function   ParentNode(currentNode)
{
if(currentNode.getParent()!=null)
{
currentNode.getParent().setAttribute('Checked',true);
//遞歸調(diào)用ParentNode(currentNode)以遍歷更上一層的父節(jié)點(diǎn)
ParentNode(currentNode.getParent());
}
}
//遞歸取消選中父節(jié)點(diǎn)
function   ChildNode(currentNode)
{
if(currentNode.getParent()!=null)
{
var   checkedCount=0;
var   childNode=currentNode.getParent().getChildren();
for   (var   i=0;i<childNode.length;i++)
{
if(childNode.getAttribute('Checked'))
{
checkedCount++;
}
}
if(checkedCount==0)
{
currentNode.getParent().setAttribute('Checked',false);
}
//遞歸調(diào)用ChildNode(currentNode)以遍歷更上一層的父節(jié)點(diǎn)
ChildNode(currentNode.getParent());
}
}

</script>