js mtree1.0-table tree-dtree-带复选框checkbox的树形控件
mtree1.0是基于javascript的树形控件,主要实现了基本树形控件和树形表格功能,可以使用复选框(checkbox)。 代码简洁,调用方法简单,容易上手。 由于受dtree影响较深,里面的编程思想抹不去dtree的影子,我也希望我的作品如dtree一样简单易用。 希望能给各位带来方便,欢迎拍砖或给我一个更好的改进建议!
mtree1.0是基于javascript的树形控件,主要实现了基本树形控件和树形表格功能,可以使用复选框(checkbox)。 代码简洁,调用方法简单,容易上手。 由于受dtree影响较深,里面的编程思想抹不去dtree的影子,我也希望我的作品如dtree一样简单易用。 希望能给各位带来方便,欢迎拍砖或给我一个更好的改进建议!
mtree1.0-checkbox-tableTree-带复选框树形控件,带复选框 支持表格转换为树形表格,使用简单。希望对各位有用,同时也望各位朋友提供更多更好的改进建议!
mtree1.0-树形控件.rar ,带复选框,支持表格转换为树形表格(tr标签添加data属性指定转换为树形控件的节点数据),调用简单
一、插件介绍: 说明: 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
dtree修改版-添加checkbox: 由于原版dtree作者没有加上复选框功能,我用来做用户模块权限功能的时候很不好用,网上也找到一些基于dtree添加了checkbox的修改版,但是用起来很不顺手,最后不得不根据自己的需要一再修改成了现在这个版本。大家看看是否能用到,如果觉得还要进行修改可以给我提出,在我力所能及范围内我会尽力去修改。
javascript树形控件原版,很好的一个树形控件,可惜没有复选框选择功能,在这里与大家共享。
jquery1.4.2版本的中文帮助手册和dw3、dw4插件 更新了好多以前的内容,以前没仔细核对过,发现之前网上流行的chm版本基本都基于1.2的,1.3的内容很多都没加进去,这次都补全了。用*标注了1.3版本新加的内容,@标注1.4新加的内容,方便大家查看。
/*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Sat Feb 13 22:33:48 2010 -0500 */
jquery-1.4.2最新版 /*! * jQuery JavaScript Library v1.4.2 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Sat Feb 13 22:33:48 2010 -0500 */