您的位置:首页 > 其它

TreeView CheckBox全选 以及获取选中的值

2011-11-30 15:52 447 查看
//JS实现treeview中选中父节点,子节点也选中,如果子节点全部选中,自动选中父节点

//仅支持TreeView

//调用方法 TreeView.Attributes.Add("onclick", "OnTreeNodeChecked()");

function OnTreeNodeChecked()

{

var ele = event.srcElement;

if(ele.type=='checkbox')

{

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

var div = document.getElementById(childrenDivID);

if(div!=null)

{

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

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

{

if(checkBoxs[i].type=='checkbox')

checkBoxs[i].checked=ele.checked;

}

}

OnTreeNodeChildChecked(ele);

}

}

function OnTreeNodeChildChecked(ele)

{

//自动处理上级

var parentDiv=ele.parentElement.parentElement.parentElement.parentElement.parentElement;

var parentChkBox=document.getElementById(parentDiv.id.replace('Nodes','CheckBox'));

if(parentChkBox!=null)

{

var ChildsChkAll=true;

var Boxs = parentDiv.getElementsByTagName('INPUT');

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

{

if(Boxs[i].type=='checkbox'&&Boxs[i].checked==false)

{

ChildsChkAll=false;

}

}

parentChkBox.checked=ChildsChkAll;

OnTreeNodeChildChecked(parentChkBox);

}

}

///////////////////////////////////////////////////////////////////////////////////////////

以下是递归循环遍历所有 被选中的节点,并把选中的信息 放在StringBuilder 里面

调用方法 GetSelectedNode(null);

public StringBuilder ff = new StringBuilder();

private void GetSelectedNode(TreeNode pNode)

{

if (pNode == null)

{

foreach (TreeNode node in TreeView1.Nodes)

{

if (node.Checked == true)

{

ff.Append(node.Value);

ff.Append("-");

ff.Append(node.Text);

}

GetSelectedNode(node);

}

}

else

{

foreach (TreeNode node in pNode.ChildNodes)

{

if (node.Checked == true)

{

ff.Append(node.Value);

ff.Append("-");

ff.Append(node.Text);

}

GetSelectedNode(node);

}

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐