asp.net TreeView 一些操作
最近在asp.net中总是用到TreeView,有一些基本的操作,比如选中所有子节点,选中父节点之类的,每次用的时候都得找以前的代码段拷贝,挺烦的,现在就把这些放在这里,方便以后使用 ^_^
1. 选中所有子节点:

function OnTreeNodeChecked()



{

var ele = window.event.srcElement;

if(ele.type=='checkbox')



{

var childrenDivID = ele.id.replace('CheckBox','Nodes');

var div = document.getElementById(childrenDivID);

if(div==null)return;

var checkBoxs = div.getElementsByTagName('INPUT');

for(var i=0;i<checkBoxs.length;i++)



{

if(checkBoxs.type=='checkbox')

checkBoxs.checked=ele.checked;

}

}

}
2. 如果要选中子节点又同时选中所有父节点:

function getParentByTagName(element,tagName)



{

var parent = element.parentNode;

var upperTagName = tagName.toUpperCase();

while (parent && (parent.tagName.toUpperCase() != upperTagName))



{

parent = parent.parentNode ? parent.parentNode : parent.parentElement;

}

return parent;

}


function setParentChecked(objNode)



{

var objParentDiv = getParentByTagName(objNode,"div");

if(objParentDiv == null || objParentDiv == "undefined")

return;

var objID = objParentDiv.getAttribute("ID");

var objParentCheckBox = document.getElementById(objID.replace("Nodes","CheckBox"));

if(objParentCheckBox == null || objParentCheckBox == "undefined")

return;

if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")

return;

objParentCheckBox.checked = true;

setParentChecked(objParentCheckBox);

}



function setChildCheckedState(div,state)



{

var objchild = div.childNodes;

var count = objchild.length;

for(var i=0;i<objchild.length;i++)



{

var tempObj = objchild;

if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")



{

tempObj.checked = state;

}

setChildCheckedState(tempObj,state);

}

}

function TreeNodeChecked()



{

var objNode = window.event.srcElement;

if(objNode.tagName!="INPUT" || objNode.type!="checkbox")

return;


if(objNode.checked == true)



{

setParentChecked(objNode);

}

var objID = objNode.getAttribute("ID");

var objParentDiv = document.getElementById(objID.replace("CheckBox","Nodes"));

if(objParentDiv==null || typeof(objParentDiv) == "undefined")

return;

setChildCheckedState(objParentDiv,objNode.checked);


}
后台的给treeview添加onclick事件处理:

m_Tree.Attributes.Add("onclick", "TreeNodeChecked();");
3.每次只选中一个节点,相对与互斥,这个很好实现

function TreeNodeChecked()



{

var objNode = window.event.srcElement;

if(objNode.tagName!="INPUT" || objNode.type !="checkbox")

return;

if(window.lastCheckNode != null)

window.lastCheckNode.checked = false;

window.lastCheckNode = objNode;

}
1. 选中所有子节点:
2. 如果要选中子节点又同时选中所有父节点:
后台的给treeview添加onclick事件处理:
3.每次只选中一个节点,相对与互斥,这个很好实现
浙公网安备 33010602011771号