运用dtree组件动态生成带复选框的目录树
来源:互联网 发布:查看淘宝账号登录记录 编辑:程序博客网 时间:2024/05/17 01:15
怎么获取数据库数据生成树,可以参考前面一节《运用dtree组件动态生成带复选框的目录树》,在这主要讲述怎么通过修改JS组件动态生成带复选框的目录树:
1.给树对象的 config 对象添加一个控制 checkbox 是否显示的属性;
this.config = { target : null, folderLinks : true, useSelection : true, useCookies : true, useLines : true, useIcons : true, useStatusText : false, closeSameLevel : false, inOrder : false, check:true //**新加的 }
2.修改节点对象的 toString()方法,添加...input type="checkbox"...代码;在dtree 的dTree.prototype.node = function(node, nodeId)方法的if (this.config.useIcons)最后加上:
if(this.config.check==true){ str+= '<input type="checkbox" id="c'+ this.obj + nodeId + '" onclick="javascript:'+this.obj+'.cc('+nodeId+')"/>';}
3.写 checkbox 页面元素的 onclick 事件处理函数
dTree.prototype.cc=function(nodeId){var cs = document.getElementById("c"+this.obj+nodeId).checked;var n,node = this.aNodes[nodeId];var len =this.aNodes.length;for (n=0; n<len; n++) {if (this.aNodes[n].pid == node.id) {document.getElementById("c"+this.obj+n).checked=cs;this.cc(n); }}if(cs==false){var clicknode=nodedo{for(j=0;j<len;j++){if(this.aNodes[j].pid==clicknode.pid&&document.getElementById("c"+this.obj+j).checked==true){return;}}if(j==len){for(k=0;k<len;k++){if(this.aNodes[k].id==clicknode.pid){document.getElementById("c"+this.obj+k).checked=false;clicknode=this.aNodes[k];break;}}}}while(clicknode.pid!=-1);}if(cs==true){var pid=node.pid;var bSearch;do{bSearch=false;for(n=0;n<len;n++){ if(this.aNodes[n].id==pid){ document.getElementById("c"+this.obj+n).checked=true; pid=this.aNodes[n].pid; bSearch= true; break; } } }while(bSearch==true); }}在这引用了kakarot的baidu博客里的文章(http://hi.baidu.com/kakarot_java/blog/item/0925d5178a68c2044b90a7ae.html),在这要感谢kakarot,我只是在他基础上加以改进,原先他的不足之处在于,当点中根节点时,所有的节点能选中,但当根节点的所有节点取消选中时,根节点不能自动也取消选中。
- 运用dtree组件动态生成带复选框的目录树
- 运用dtree组件动态生成带复选框的目录树
- 运用dtree组件动态生成带复选框的目录树
- 运用dtree组件动态生成带复选框的目录树
- dtree组件动态生成带复选框的目录树
- 运用dtree组件动态生成目录树
- 运用dtree组件动态生成目录树
- Dtree 带复选框
- Dtree+jQuery生成动态目录树
- Dtree动态生成树
- dTree生成的树形目录
- dTree生成的树形目录
- 使用带复选框的CheckBoxTree树组件
- 带单选框、复选框的树形结构dtree
- 带单选框、复选框的树形结构dtree
- DTree生成漂亮的动态树型菜单
- Dtree目录树的总结
- dtree动态生成树型结构
- ASP.NET中Session的状态保持方式
- go go go
- vs2005快捷方式一览表
- 一种java web开发框架组合的方案
- dojo $()函数
- 运用dtree组件动态生成带复选框的目录树
- 关于错误“Sources”参数中指定了多次。“Sources”参数不支持重复项。
- 四川人在北京叩谢
- 郑重推荐界面换肤组件skinfeature
- 【经典实践操作】成交量和K线的结合!
- 工商项目总结
- 关于primary文件组已满的原因及解决方法总结
- 广州映像 北京路
- 时间的痕迹