博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
树插件的使用说明
阅读量:6319 次
发布时间:2019-06-22

本文共 819 字,大约阅读时间需要 2 分钟。

源代码:

url: (提取码:e3af)

文件树: (提取码:992a)

功能:

1、支持展开\收起功能;

2、可删除树节点;
3、可移动树节点(根据树节点的id);
4、数据来源可以是一个数组,也可以是一个url地址;

调用方法:

1、存在一个树的容器

2、引入jquery

3、在head里面引入tree.css文件

4、在html的底部引入tree.js文件

5、调用

var options = {    data: treeData.data,    dataUrl: 'category/tree.js?site_id=551d26f5b348f30f508b4567', //数据接口    selectType: 'checkbox', //选择的类型(单选(radio)还是多选(checkbox),还是菜单(menu),默认为菜单(menu))    formName: 'test', //选择的类型是单选(radio)或者多选(checkbox)时,需要指定name值    deleteCategoryIds: ['12345','3456'], //不需要显示的节点列表    movable: false, //节点是否可以从一个节点移动到另一个节点    deletable: true, //节点是否可以被删除    extendHtml: function(node){ //node为节点信息        return ""+node.name+"是一个人呀";    }//树节点的扩展结构};$(".test").tree(options);

注意:data和dataUrl只需写一个,如果两个都写上的话,默认从data中取数据。

数据的格式

[{   name: "a",   category_id: 1},{   name: "b",   category_id: 2}]

转载地址:http://lujaa.baihongyu.com/

你可能感兴趣的文章
Centos 6 编译内核支持LVS-SNAT模式
查看>>
JAVA数据类型
查看>>
TCP segment of a reassembled PDU
查看>>
hdu 5195 DZY Loves Topological Sorting BestCoder Round #35 1002 [ 拓扑排序 + 优先队列 || 线段树 ]...
查看>>
【Oracle】oracle中快速判断某一日期是闰年或平年
查看>>
datatable 转 json 格式
查看>>
vs2010生成Dll文件并引用dll(C#)
查看>>
藏在兰州拉面里精益管理秘诀
查看>>
How to blog on Github
查看>>
百思不得姐 one day
查看>>
19.04.16--指针笔记-参数传递
查看>>
面向对象
查看>>
POJ1860 Currency Exchange
查看>>
关于ST-Link的internal command error问题的解决方法
查看>>
[IDE]VC2012 项目之间依赖关系取消自动Link导致的LNK2019
查看>>
IDEA 修改JSP和后端数据后,页面刷新可以实时更新
查看>>
IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie路径问题
查看>>
synchronized(this)(转)
查看>>
类别标签处理
查看>>
深度|余凯:基于深度学习的自动驾驶之路
查看>>