学步园

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

this.config = {<br /> target : null,<br /> folderLinks : true,<br /> useSelection : true,<br /> useCookies : true,<br /> useLines : true,<br /> useIcons : true,<br /> useStatusText : false,<br /> closeSameLevel : false,<br /> inOrder : false,<br /> check:true //**新加的<br /> }

2.修改节点对象的 toString()方法，添加...input type="checkbox"...代码；在dtree 的dTree.prototype.node = function(node, nodeId)方法的if (this.config.useIcons)最后加上：

if(this.config.check==true){<br /> str+= '<input type="checkbox" id="c'+ this.obj + nodeId + '" onclick="javascript:'+this.obj+'.cc('+nodeId+')"/>';<br /> }

3.写 checkbox 页面元素的 onclick 事件处理函数

 dTree.prototype.cc=function(nodeId){</p> <p> var cs = document.getElementById("c"+this.obj+nodeId).checked;</p> <p> var n,node = this.aNodes[nodeId];</p> <p> var len =this.aNodes.length;</p> <p> for (n=0; n<len; n++) {</p> <p> if (this.aNodes[n].pid == node.id) { </p> <p> document.getElementById("c"+this.obj+n).checked=cs; </p> <p> this.cc(n); </p> <p> } </p> <p> }</p> <p> if(cs==false){ </p> <p> var clicknode=node</p> <p> do{</p> <p> for(j=0;j<len;j++){ </p> <p> if(this.aNodes[j].pid==clicknode.pid&&document.getElementById("c"+this.obj+j).checked==true){ </p> <p> return;</p> <p> }</p> <p> }</p> <p> if(j==len){ </p> <p> for(k=0;k<len;k++){</p> <p> if(this.aNodes[k].id==clicknode.pid){</p> <p> document.getElementById("c"+this.obj+k).checked=false;</p> <p> clicknode=this.aNodes[k];</p> <p> break;<br /> } </p> <p> }</p> <p> }</p> <p> }while(clicknode.pid!=-1); </p> <p> }</p> <p> if(cs==true){</p> <p> var pid=node.pid;</p> <p> var bSearch;</p> <p> do{</p> <p> bSearch=false;</p> <p> for(n=0;n<len;n++){</p> <p> if(this.aNodes[n].id==pid){</p> <p> document.getElementById("c"+this.obj+n).checked=true;</p> <p> pid=this.aNodes[n].pid;</p> <p> bSearch= true; </p> <p> break;</p> <p> }</p> <p> }</p> <p> }while(bSearch==true);</p> <p> }</p> <p>}

在这引用了kakarot的baidu博客里的文章(http://hi.baidu.com/kakarot_java/blog/item/0925d5178a68c2044b90a7ae.html)，在这要感谢kakarot,我只是在他基础上加以改进，原先他的不足之处在于，当点中根节点时，所有的节点能选中，但当根节点的所有节点取消选中时，根节点不能自动也取消选中。

本文转自：http://blog.csdn.net/kubete/archive/2008/06/21/2571949.aspx