jquery树形选择器

所属分类:导航-文件树

 62770  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文件树插件
  文件树
 83632  466

VUE中使用树简易版

一个简单灵活的vue.js树形组件,可作为插件使用,也可直接作为component使用 使用时只需传入一个树形数据绑定。 组件还提供了增删改查事件,你可以很方便的在组件上监听。
  文件树
 56661  348

可无限添加子级的数据树(原创)

可折叠的数据树,可以选择有选择框或无选择框
  文件树
 39334  338

js动态树插件DynamicTree

简单好用的 tree ,纯 js ,可编辑 Tree,并能导出为 html sql php
  文件树
 43207  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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复