给dtree加上checkbox

《给dtree加上checkbox》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、给dTree加上Checkbox(2007-10-2617:14:03) 分类：JavascriptdTreeisafreeJavaScripttreemenu.Therearealotoftreegeneratingscriptsjustlikethisone,andmanyofthemaregreat.SowhyusedTree?dTreeisverysimpletosetupanduse.Youdon'thavetoworryaboutaddingpagestothetreeinaspecificorder,whichm

2、akesitidealforgeneratingatreefromadatabase. 首先到dTree官方网站下载dTree，下面的示例是基于dTree自带的示例而进行修改的。1.      新增一个属性(用于配置dtree需要有checkbox)  2.      在构建dtree时,同时产生checkbox。 [heckbox的name我们这里设值为dTreeChk,id设值为当前node的id连上其父结点的Id。(连接符为”$#”node.id+"$#"+node.pid)] 这时我们再次运行dTree示例exampl

3、e01.html文件，就可以看见checkbox已经被加上去了。 光加上了checkbox是没多大用途的，我们还需要：1.      点击父节点上的checkbox时，所有的子节点已被选中。2.      点击确定时，获取所有被选中的节点id。 于是我们给checkbox加上单击事件，该事件负责当选择checkbox时，将子节点的checkbox选中或是取消选中(如果有子节点的情况下)。 新增的方法selChildNode(chkboxId)方法如下：  点击“确定”按钮时，获取所有选择的节点id的JS方法如下(用逗号分隔)：