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

最新推荐文章于 2020-06-15 15:16:14 发布

antti8

最新推荐文章于 2020-06-15 15:16:14 发布

阅读量1.2w

点赞数

分类专栏： JavaScript 文章标签： function javascript input null c

本文链接：https://blog.csdn.net/antti_king/article/details/3238949

版权

本文介绍如何在dtree中添加单选框和复选框功能。通过修改dtree配置，添加单选与复选按钮，并实现点击节点时获取选中值的逻辑，以及递归选中父节点下所有子节点的功能。

摘要由CSDN通过智能技术生成

最近在公司的项目中，需要使用到树形结构，其中一部分需要单选按钮，当点击时把节点的值传给其他对象。在网上搜索了一下，找到一个这方面的例子，自己再根据需要，把dtree做了一些改动。可以选择根据需要使用单选按钮或者是复选框。
其修改过程大致如下：
(本程序源代码及实例下载地址：http://download.csdn.net/source/756744)
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,           //antti添加，设置是否有添加单选按钮

        useCheckbox    : false //antti添加ÿ

最低0.47元/天解锁文章