javascript

位置:IT落伍者 >> javascript >> 浏览文章

javascript实现TreeView 无刷新展开的实例代码


发布日期:2021年02月23日
 
javascript实现TreeView 无刷新展开的实例代码
这篇文章介绍了javascript实现TreeView 无刷新展开的实例代码有需要的朋友可以参考一下复制代码 代码如下:
function public_GetParentByTagName(element tagName)
{
var parent = elementparentNode;
var upperTagName = tagNametoUpperCase();
//如果这个元素还不是想要的tag就继续上溯
while (parent && (parenttagNametoUpperCase() != upperTagName))
{
parent = parentparentNode ? parentparentNode : parentparentElement;
}
return parent;
}
//设置节点的父节点Cheched——该节点可访问则他的父节点也必能访问
function setParentChecked(objNode)
{
var objParentDiv = public_GetParentByTagName(objNode"div");
if(objParentDiv==null || objParentDiv == "undefined")
{
return;
}
var objID = objParentDivgetAttribute("ID");
objID = objIDsubstring(objIDindexOf("Nodes"));
objID = objID+"CheckBox";
var objParentCheckBox = documentgetElementById(objID);
if(objParentCheckBox==null || objParentCheckBox == "undefined")
{
return;
}
if(objParentCheckBoxtagName!="INPUT" && objParentCheckBoxtype == "checkbox")
return;
objParentCheckBoxchecked = true;
setParentChecked(objParentCheckBox);
}
//设置节点的子节点uncheched——该节点不可访问则他的子节点也不能访问
function setChildUnChecked(divID)
{
var objchild = divIDchildren;
var count = objchildlength;
for(var i=;i<objchildlength;i++)
{
var tempObj = objchild[i];
if(tempObjtagName=="INPUT" && tempObjtype == "checkbox")
{
tempObjchecked = false;
}
setChildUnChecked(tempObj);
}
}
//设置节点的子节点cheched——该节点可以访问则他的子节点也都能访问
function setChildChecked(divID)
{
var objchild = divIDchildren;
var count = objchildlength;
for(var i=;i<objchildlength;i++)
{
var tempObj = objchild[i];
if(tempObjtagName=="INPUT" && tempObjtype == "checkbox")
{
tempObjchecked = true;
}
setChildChecked(tempObj);
}
}
//触发事件
function CheckEvent()
{
var objNode = eventsrcElement;
if(objNodetagName!="INPUT" || objNodetype!="checkbox")
return;
if(objNodechecked==true)
{
setParentChecked(objNode);
var objID = objNodegetAttribute("ID");
var objID = objIDsubstring(objIDindexOf("CheckBox"));
var objParentDiv = documentgetElementById(objID+"Nodes");
if(objParentDiv==null || objParentDiv == "undefined")
{
return;
}
setChildChecked(objParentDiv);
}
else
{
var objID = objNodegetAttribute("ID");
var objID = objIDsubstring(objIDindexOf("CheckBox"));
var objParentDiv = documentgetElementById(objID+"Nodes");
if(objParentDiv==null || objParentDiv == "undefined")
{
return;
}
setChildUnChecked(objParentDiv);
}
}


服务端控件

复制代码 代码如下:


thistvPrivilegeAttributesAdd("OnClick" "CheckEvent()");

               

上一篇:jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码

下一篇:JavaScript库开发者们的规则