Coder at the Doorsill——风中聆听

——走自己的路，让别人打的去吧。
posts - 70, comments - 395, trackbacks - 14, articles - 19
   :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理

权限树中Checkbox的操作[Asp.Net2.0]

Posted on 2006-06-17 16:53 风中聆听 阅读(1490) 评论(18)  编辑 收藏 所属分类: ASP.netJavaScript
　　这里使用asp.net2.0的TreeView控件结合JavaScript实现权限树的部分功能。
　　假设权限树中有如下三条规则：
　　1、该节点可以访问，则他的父节点也必能访问；
　　2、该节点可以访问，则他的子节点也都能访问；
　　3、该节点不可访问，则他的子节点也不能访问。

代码如下：
//获取元素指定tagName的父元素
function public_GetParentByTagName(element, tagName) 
{
    var parent = element.parentNode;
    var upperTagName = tagName.toUpperCase();
    //如果这个元素还不是想要的tag就继续上溯
    while (parent && (parent.tagName.toUpperCase() != upperTagName)) 
    {
        parent = parent.parentNode ? parent.parentNode : parent.parentElement;
    }
    return parent;
}

//设置节点的父节点Cheched——该节点可访问，则他的父节点也必能访问
function setParentChecked(objNode)
{ 
    var objParentDiv = public_GetParentByTagName(objNode,"div");
    if(objParentDiv==null || objParentDiv == "undefined")
    {
        return;
    }
    var objID = objParentDiv.getAttribute("ID");
    objID = objID.substring(0,objID.indexOf("Nodes"));
    objID = objID+"CheckBox";
    var objParentCheckBox = document.getElementById(objID);
    if(objParentCheckBox==null || objParentCheckBox == "undefined")
    {
        return;
    } 
    if(objParentCheckBox.tagName!="INPUT" && objParentCheckBox.type == "checkbox")
    return; 
    objParentCheckBox.checked = true;
    setParentChecked(objParentCheckBox);
}

//设置节点的子节点uncheched——该节点不可访问，则他的子节点也不能访问
function setChildUnChecked(divID)
{ 
    var objchild = divID.children;
    var count = objchild.length; 
    for(var i=0;i<objchild.length;i++)
    {
        var tempObj = objchild[i];
        if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
        {
            tempObj.checked = false;
        }
        setChildUnChecked(tempObj); 
    }
}

//设置节点的子节点cheched——该节点可以访问，则他的子节点也都能访问
function setChildChecked(divID)
{ 
    var objchild = divID.children;
    var count = objchild.length; 
    for(var i=0;i<objchild.length;i++)
    {
        var tempObj = objchild[i];
        if(tempObj.tagName=="INPUT" && tempObj.type == "checkbox")
        {
            tempObj.checked = true;
        }
        setChildChecked(tempObj); 
    }
}

//触发事件
function CheckEvent()
{

    var objNode = event.srcElement; 

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

    if(objNode.checked==true)
    {
        setParentChecked(objNode);
        var objID = objNode.getAttribute("ID");
        var objID = objID.substring(0,objID.indexOf("CheckBox")); 
        var objParentDiv = document.getElementById(objID+"Nodes");
        if(objParentDiv==null || objParentDiv == "undefined")
        {
            return;
        } 
        setChildChecked(objParentDiv);
    }
    else
    {
        var objID = objNode.getAttribute("ID");
        var objID = objID.substring(0,objID.indexOf("CheckBox")); 
        var objParentDiv = document.getElementById(objID+"Nodes");
        if(objParentDiv==null || objParentDiv == "undefined")
        {
            return;
        } 
        setChildUnChecked(objParentDiv);
    }
}

然后在page_load事件中将TreeView与js事件绑定上：
this.TreeView1.Attributes.Add("onclick", "CheckEvent()");

Feedback

#1楼   回复  引用    

2006-06-23 21:23 by 六月秋[未注册用户]
　　这里使用asp.net2.0的TreeView控件结合JavaScript实现权限树的部分功能。
　　假设权限树中有如下三条规则：
　　1、该节点可以访问，则他的父节点也必能访问；
　　2、该节点可以访问，则他的子节点也都能访问；
　　3、该节点不可访问，则他的子节点也不能访问。
这个挺实用的.谢谢风中聆听...高手呀.向你学习!

#2楼   回复  引用  查看    

2007-01-16 18:08 by 老夫子系      
在asp.net1.0能使用吗？

#3楼   回复  引用  查看    

2007-09-03 17:42 by freeliver54      
谢谢 转了

#4楼   回复  引用    

2008-08-29 21:47 by bybandzk[未注册用户]
以上代码我在运行的是有提示出错，请问什么原因？？
function setChildChecked(divID)
{
var objchild = divID.children;
var count = objchild.length;
for(var i=0;i<objchild.length;i++)
提示objchild 是undefined，是什么原因，在你那里不出错么？
做好能给我一份源代码 bybandzk@163.com

#5楼   回复  引用    

2008-10-09 14:22 by 呜呜呜[未注册用户]
兄弟 能把全部代码都给我不？？ 谢谢兄弟 我的QQ：253786232



发表评论

昵称： [登录] [注册]

主页：

邮箱：(仅博主可见)

评论内容：

  登录  注册

[使用Ctrl+Enter键快速提交评论]

0 428387




相关文章:

相关链接: