jquery树形选择器

所属分类:导航-文件树

 61682  325  查看评论 (14)
分享到微信朋友圈
X
jquery树形选择器 ie兼容8

更新时间:2018/5/23 下午3:17:27

更新说明:有网友评论说open:false失效,现在已修复


1.加载树结构

/**
 * 使用递归遍历json字符串,生成树结构
 * @param  {[type]} tData json字符串
 * @return {[type]}       返回树结构
 */
function loadTree(tData)

2.添加事件

/**
 * 节点点击事件
 * @param  {[type]} box 存在菜单树的盒子
 */
function nodeClick(box)

3.数据生成表格

/**
 * 将数据转换成表格
 * @param  {[type]} tData json类型数组: 
 *                        [{title:'title', field:'field', candidate: true/false},
 *                         {title:'title', open:true/false, children:[{}...{}]} ]
 * @return {[type]}       返回由数据转换出来的table
 */
function loadTreeTable(tData)

4.表格数据选择事件

/**
 * 递归取消选中
 * @param  {[type]} td 点击的元素
 * @return {[type]}    [description]
 */
function cancelSelect(td)

/**
 * 组装选中的表格数据
 * @return {[type]} 返回json类型数组: 
 *                        [{title:'title', field:'field', candidate: true/false},
 *                         {title:'title', open:true/false, children:[{}...{}]} ]
 */
function packDataNode(table)

/**
 * 表格点击事件
 */
function tableClick()

/**
 * 选中节点的结果集
 * @param  {[type]} data 
 * @return {[type]} 返回 feild数组
 */
function result(selData)
相关插件-文件树

jQuery目录树插件

jQuery文件树插件
  文件树
 81355  466

jQuery结构图插件orgchart

jQuery横向组织结构图插件orgchart
  文件树
 36538  248

带有复选框可折叠的树形结构

该插件是我改良的layer的树形插件,在原始的layer插件中的树形结构是没有复选框的,经我修改后可用以拿来做权限系统的权限选择
  文件树
 103453  524

js动态树插件DynamicTree

简单好用的 tree ,纯 js ,可编辑 Tree,并能导出为 html sql php
  文件树
 42388  328

讨论这个项目(14)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    哪里都是你 0
    2019/8/29 16:55:24
    点击某个节点,怎么返回相应的值呢?
        哪里都是你1
        2019/8/29 17:34:46

        自己审核元素找到了。

        $('#default_tree').find('.tree-node').next().find('a').click(function(){
            console.log($(this).text());
        })
    回复
    Beyong 0
    2018/7/13 17:39:31
    我的想法就是在点击左侧的链接,然后页面跳转到右侧的内容框里 回复
    Beyong 0
    2018/7/13 17:34:57
    您好,问一下怎么给子分类加链接? 回复
    半醒狐狸 0
    2018/1/31 9:44:11

    这个的open: false,没用啊,不管怎样刷新后都是展开状态

        泡??斌メ0
        2018/5/23 15:57:44
        不好意思,太久没来jq22了,问题已修复可下载查看
    回复
    遥远的她 0
    2017/8/3 10:55:03

    怎么默认在一级那里合上啊

        泡??斌メ1
        2018/5/23 15:58:22
        在一级节点是数据设置open:false就可以了
    回复
    fq1798 0
    2017/7/13 9:39:58

    太好了。i love you

    回复
    fq1798 0
    2017/7/13 9:39:10

    66666666;;;; 流逼啊。。牛

    回复
    lihengboo 0
    2017/3/10 10:23:55
    好好好,非常好 回复
    如是我闻 0
    2017/2/15 15:46:24
    | 东风恶,欢情薄? 0
    2017/2/14 10:48:47
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复