带单选框、复选框的树形结构dtree

1.给树对象的config对象添加一个控制checkbox是否显示的属性；
   this.config = {

        target                    : null,

        folderLinks            : true,

        useSelection        : true,

        useCookies            : true,

        useLines                : true,

        useIcons                : true,

        useStatusText        : false,

        closeSameLevel    : false,

        inOrder                    : false,
       
        useRadio       : false,           //yanal添加，设置是否有添加单选按钮
       
        useCheckbox    : false           //yanal添加，设置是否使用复选框
    }

  2.修改节点对象的dTree.prototype.node（）方法，添加如下代码；
      //添加单选按钮radio ,在调用页面把第一个节点id设置为0，该节点不添加单选按钮
        // 此处的getRadioSelected方法具体实现在调用树的页面
        if(this.config.useRadio && node.id != 0){
            str +='<input type="radio" name="chk" id="r'+  this.obj + nodeId + '" οnclick="getRadioSelected('+nodeId+')" value="'+node.id+'"/>';
        }
       
        //添加复选框，在调用页面把第一个节点id设置为0，该节点不添加复选框。此处的方法selectCheckbox在本JS内部实现
        if(this.config.useCheckbox == true && node.id != 0){
      str+= '<input type="checkbox" id="c'+  this.obj + nodeId + '" οnclick="javascript:'+this.obj+'.selectCheckbox('+nodeId+')"/>';
  }
   3.外部实现当单选按钮选中时，得到节点值的函数
 function getRadioSelected(nodeId){           
        var nname = mytree.aNodes[nodeId].name;   //此处得到的是所选择节点的name值，根据需要，同样可得到其他的值
        document.getElementById('exID').value = "你选择了：" + nname; 
    }  

  4. 添加一个内部方法，用递归实现，当勾选一个父节点是，其子节点全部选中
 dTree.prototype.selectCheckbox=function(nodeId){
  var cs = document.getElementById("c"+this.obj+nodeId).checked;
  var node = this.aNodes[nodeId];
  var len =this.aNodes.length;
  for (n=0; n<len; n++) {
   if ((n != nodeId) && (this.aNodes[n].pid == node.id)) {
    document.getElementById("c"+this.obj+n).checked=cs;
    this.selectCheckbox(n);
   }
  }
 }

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/antti_king/archive/2008/11/07/3238949.aspx