jquery树形选择器

所属分类:导航-文件树

 62509  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文件树插件
  文件树
 83191  466

基于bootstraptreeview无限分类树层级联动菜单

基于bootstraptreeview做的一个漂亮的无限分类树层级联动菜单
  文件树
 57642  386

js动态树插件DynamicTree

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

纯手写完成“移动端权限树”插件

实现移动端权限树的全选,半选,以及不选的递归功能
  文件树
 66332  431

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复