为DTree添加复选框

先看看效果吧:

dtree添加复选框

 

为DTree添加上复选框可以让树的功能更加丰富,比如在做树形结构的时候可以点击选择多个树节点进行操作等等....

添加复选框的步骤:

1)dtree.js

function dTree (objName) {

    this.config = {

        target : null,

        folderLinks : true,

        useSelection : true,

        useCookies : true,

        useLines : true,

        useIcons : true,

        useStatusText : false,

        closeSameLevel : false,

        inOrder : false,

        check : true
        // 检查是否有复选框

    }

添加上check属性.

 

2)dtree.js

添加代码:

dTree.prototype.node = function(node, nodeId) {

    var str = '<div class="dTreeNode">' + this.indent(

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 48
    评论
一、插件介绍: 说明: muchlin基于CSDN网友wallimn修改版修改。 源文件:dtree-ck.source.js 15kb 压缩版:dtree-ck.compress.js 11kb 改动: 1、修改可单独设置节点有无checkbox。 2、调整节点open参数至target参数后面。 3、添加css文件自动加载方法,使用时只需在head区引用dtree-ck.compress.js。 4、添加获取选中节点、名称、值、数量的方法 getSelectedNodes(): getSelectedNodes()['nodes']:获取选中节点,dTree节点对象数组 getSelectedNodes()['value']:获取选中节点id,即选中checkbox的value,数组 getSelectedNodes()['name']:获取选中节点name,数组 getSelectedNodes()['count']:获取选中节点个数,数字 5、加addCbx方法,专用于添加checkbox节点 二、相关方法及参数说明: 1、实例化dTree对象方法参数说明 new dTree(objName, rootDir, imgDir); objName:dTree实例对象名称, rootDir:dTree根目录, imgDir:图标目录,相对于根目录 2、添加普通节点方法完整参数说明 add(id, pid, name, url, title, target, open, icon, iconOpen) id: 节点id(必须唯一,不能重复), pid: 父级节点id, name: 节点名称 , url: 连接地址, title: 工具提示文本, target: 打开方式/窗口, open: 打开(是:true/否:false), icon: 节点图标 , iconOpen: 节点打开时图标 例子:demo-menu.html 3、添加checkbox节点方法完整参数说明 addCbx(id, pid, name, open, checked, icon, iconOpen) id: 节点id(必须唯一,不能重复), pid: 父级节点id, name: 节点名称 , open: 打开(是:true/否:false), checked: 选中(是:true/否:false/无:'none'), icon: 节点图标 , iconOpen: 节点打开时图标 例子:demo-ck.html

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 48
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值