最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

JS控件ASP.NET的treeview控件全选或者取消(示例代码)_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:17:16
文档

JS控件ASP.NET的treeview控件全选或者取消(示例代码)_javascript技巧

JS控件ASP.NET的treeview控件全选或者取消(示例代码)_javascript技巧: 代码如下: /* 函数名称:CheckNode(currentNode)、ParentNode(currentNode)、ChildNode(currentNode) 函数功能:实现带checkbox的treeview中 1、选中父结点其子结点也全部选中 2、取消全部子结点的选择后,父结点的选择也随之取消 使用方法:1、在中间
推荐度:
导读JS控件ASP.NET的treeview控件全选或者取消(示例代码)_javascript技巧: 代码如下: /* 函数名称:CheckNode(currentNode)、ParentNode(currentNode)、ChildNode(currentNode) 函数功能:实现带checkbox的treeview中 1、选中父结点其子结点也全部选中 2、取消全部子结点的选择后,父结点的选择也随之取消 使用方法:1、在中间


代码如下:

/*
函数名称:CheckNode(currentNode)、ParentNode(currentNode)、ChildNode(currentNode)

函数功能:实现带checkbox的treeview中
1、选中父结点其子结点也全部选中
2、取消全部子结点的选择后,父结点的选择也随之取消

使用方法:
1、在中间添加CheckNode(currentNode)、ParentNode(currentNode)、ChildNode(currentNode)

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

//递归遍历所有子节点
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;
}
//父节点处理
if(currentNode.getParent()!=null)
{
//选中处理
if(currentNode.getAttribute('Checked'))
{
ParentNode(currentNode);
}
else
//取消选中
{
ChildNode(currentNode);
}
}
else
{
//什么也不做
}
//子节点处理
if(childNode.length>0)
{
for(var i=0;i {
childNode.setAttribute("Checked",isChecked);
if(childNode.getChildren().length>0)
{
CheckNode(childNode);
}
}
}

}
//递归选中父节点
function ParentNode(currentNode)
{
if(currentNode.getParent()!=null)
{
currentNode.getParent().setAttribute('Checked',true);
//递归调用ParentNode(currentNode)以遍历更上一层的父节点
ParentNode(currentNode.getParent());
}
}
//递归取消选中父节点
function ChildNode(currentNode)
{
if(currentNode.getParent()!=null)
{
var checkedCount=0;
var childNode=currentNode.getParent().getChildren();
for (var i=0;i {
if(childNode.getAttribute('Checked'))
{
checkedCount++;
}
}
if(checkedCount==0)
{
currentNode.getParent().setAttribute('Checked',false);
}
//递归调用ChildNode(currentNode)以遍历更上一层的父节点
ChildNode(currentNode.getParent());
}
}



js递归遍历treeview中某节点的所有子节点的问题
代码如下:
var AllRootNode=new Array();
AllRootNode=TreeView1.getChildren();
AlertNode(AllRootNode);

function AlertNode(NodeArray)
{
if(parseInt(NodeArray.length)==0)
return;
else
{
for(i=0;i {
var cNode;
cNode=NodeArray;
alert(cNode.getAttribute("Text"));
if(parseInt(cNode.getChildren().length)!=0)
AlertNode(cNode.getChildren());
}
}
}

文档

JS控件ASP.NET的treeview控件全选或者取消(示例代码)_javascript技巧

JS控件ASP.NET的treeview控件全选或者取消(示例代码)_javascript技巧: 代码如下: /* 函数名称:CheckNode(currentNode)、ParentNode(currentNode)、ChildNode(currentNode) 函数功能:实现带checkbox的treeview中 1、选中父结点其子结点也全部选中 2、取消全部子结点的选择后,父结点的选择也随之取消 使用方法:1、在中间
推荐度:
标签: 全选 js 代码
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top