jquery树形选择器

所属分类:导航-文件树

 5871  22  查看评论 (4)
jquery树形选择器 ie兼容8

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树形选择器

根据json字符串格式加载出一个树结构,通过设置可对树结构进行表格化
  文件树
 5871  22

树形插件

wdTree是一个轻量级jQuery插件用于创建一个带有嵌套Check Boxe的树形控件。
  文件树
 26415  31

文件树编辑插件Treed

文件树编辑插件Treed 可扩展功能强大,简单易用。
  文件树
 31369  85

jquery树形菜单

jquery树形菜单制作html多级漂亮的树形菜单代码
  文件树
 50362  174

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    lihengboo 0
    2017/3/10 10:23:55
    好好好,非常好 回复
    如是我闻 0
    2017/2/15 15:46:24
    | 东风恶,欢情薄? 0
    2017/2/14 10:48:47
    C・D 0
    2017/1/5 11:01:23
取消回复