简单灵活的权限树

将 dree 作了一些修改：

1、   增加 Node 的属性，目的是将原来的名称链接改成可选择的 checkbox

 

function Node(id, pid, cname, cvalue, cshow, cchecked, cdisabled, url, title, target, icon, iconOpen, open) {

    this.id = id;

    this.pid = pid;

    //chechbox的名称

    this.cname = cname;

    //chechbox的值

    this.cvalue = cvalue;

    //chechbox的显示

    this.cshow = cshow;

    //chechbox是否被选中，默认是不选

    this.cchecked = cchecked||false;

    //chechbox是否可用，默认是可用

    this.cdisabled = cdisabled||false;

    //节点链接，默认是虚链接

    this.url = url||'#';

    this.title = title;

    this.target = target;

    this.icon = icon;

    this.iconOpen = iconOpen;

    this._io = open || false;

    this._is = false;

    this._ls = false;

    this._hc = false;

    this._ai = 0;

    this._p;

};

2、   将原来节点显示改为 checkbox ，根节点不变，考虑了是否已选和是否可用的状态

 

if(node.pid == this.root.id){

        str += node.cname;

    }else{

        /**组装checkbox开始*/

        checkboxSyntax = "<input type='checkbox' desc='" + node.cshow + "' name='" + node.cname + "' id='" + node.cname + "_" + node.id + "' value='" + node.cvalue + "' onClick='javascript: " + this.obj + ".checkNode(" + node.id+","+node.pid+","+node._hc + ",this.checked);' ";

        //是否被选中

        if(node.cchecked)

            checkboxSyntax += " checked ";

        //是否可用

        if(node.cdisabled)

            checkboxSyntax += " disabled ";        

        checkboxSyntax += ">" + node.cshow;

        /**组装checkbox结束*/

               

        str += checkboxSyntax;

    }

3、   增加一些选中的方法

功能是：

l          选中叶节点时递归选中父节点；

l          选中有子孙的节点时子孙节点递归选中；

l          去掉节点选择时如果兄弟节点没有选中的也去掉直接父节点的选中；

 

//===============================

// 作用：选中节点对象

// 参数： nobj node 对象

//      cobj checkbox 对象

//===============================

dTree.prototype.checkNode = function(id,pid,_hc,checked) {

    //1 、递归选父节点对象（无论是叶节点还是中间节点）

    // 判断同级中有无被选中的，如果有选中的就不可以反选

    if(!this.isHaveBNode(id,pid)){

        if(checked){

            // 选中就一直选到根节点

            this.checkPNodeRecursion(pid,checked);

        }else{

            // 去掉选中仅将其父节点去掉选中

            this.checkPNode(pid,checked);

        }

    }  

   

    //2 、如果是中间结点，具有儿子，递归选子节点对象      

    if(_hc)    

        this.checkSNodeRecursion(id,checked);

   

}

 

//===============================

// 作用：判断同级中有无被选中的

// 参数： id 节点 id

//      pid 节点的父节点 id

//===============================

dTree.prototype.isHaveBNode = function(id,pid) {   

    var isChecked = false

    for (var n=0; n<this.aNodes.length; n++) {

        // 不是节点自身、具有同父节点兄弟节点

        if (this.aNodes[n].pid!=-1&&this.aNodes[n].id!=id&&this.aNodes[n].pid == pid) {         

            if(eval("document.all."+ this.aNodes[n].cname + "_" + this.aNodes[n].id + ".checked"))

                isChecked = true;          

        }

    }

   

    return isChecked;

};

 

//===============================

// 作用：递归选中父节点对象

// 参数： pid 节点的父节点 id

//      ischecked 是否被选中

//===============================

dTree.prototype.checkPNodeRecursion = function(pid,ischecked) {

    for (var n=0; n<this.aNodes.length; n++) {

        if (this.aNodes[n].pid!=-1&&this.aNodes[n].id == pid) {        

            eval("document.all."+ this.aNodes[n].cname + "_" + this.aNodes[n].id + ".checked = " + ischecked);

            this.checkPNodeRecursion(this.aNodes[n].pid,ischecked);

            break;

        }

    }

};

 

//===============================

// 作用：递归选中子节点对象

// 参数： id 节点 id

//      ischecked 是否被选中

//===============================

dTree.prototype.checkSNodeRecursion = function(id,ischecked) { 

    for (var n=0; n<this.aNodes.length; n++) {

        if (this.aNodes[n].pid!=-1&&this.aNodes[n].pid == id) {        

            eval("document.all."+ this.aNodes[n].cname + "_" + this.aNodes[n].id + ".checked = " + ischecked);

            this.checkSNodeRecursion(this.aNodes[n].id,ischecked);         

        }

    }

};

 

//===============================

// 作用：仅选中父节点对象

// 参数： pid 节点的父节点 id

//      ischecked 是否被选中

//===============================

dTree.prototype.checkPNode = function(pid,ischecked) { 

    for (var n=0; n<this.aNodes.length; n++) {

        if (this.aNodes[n].pid!=-1&&this.aNodes[n].id == pid) {        

            eval("document.all."+ this.aNodes[n].cname + "_" + this.aNodes[n].id + ".checked = " + ischecked);