资讯专栏INFORMATION COLUMN

树插件的使用说明

dongxiawu / 384人阅读

摘要:源代码提取码文件树提取码功能支持展开收起功能可删除树节点可移动树节点根据树节点的数据来源可以是一个数组,也可以是一个地址调用方法存在一个树的容器引入在里面引入文件在的底部引入文件调用数据接口选择的类型单选还是多选还是菜单默认为菜单选择的类型

源代码:

url: http://yunpan.cn/cwkgzpzSBDXEu (提取码:e3af)

文件树:http://yunpan.cn/cweS8pjxur9XI (提取码: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
}]

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85715.html

相关文章

  • 开发者进阶之路:用语法来实现预编译

    摘要:借助语法树,开发者能够更好地展现和修改源程序代码,优化开发环节,提高安全系数,还能进一步实现安卓预编译。用语法树来实现预编译指令开发者还能用语法树来实现预编译指令,常见的预编译指令主要分为条件编译宏定义文件包含三大类。 如何在保证安全性的前提下,提升开发过程的效率,是每个开发者都在不断探索的问题。借助语法树,开发者能够更好地展现和修改源程序代码,优化开发环节,提高安全系数,还能进一步实...

    CoffeX 评论0 收藏0
  • zTree -- jQuery 插件 构造treeNode JSON 数据对象

    摘要:前言是一个依靠实现的多功能树插件。不同的树目录根据不同的数据,在服务器端编写好不同的,将其配置在这里即可。依赖获取的数据类型,默认值。依赖用于对返回数据进行预处理的函数。详细说明参见文档代码还是树插件使用方法与例子中的那个,不在重复粘贴。 前言 zTree 是一个依靠 jQuery 实现的多功能 树插件。 网址:http://www.ztree.me/v3/main.p... 上回说到...

    周国辉 评论0 收藏0
  • zTree -- jQuery 插件 使用方法与例子

    摘要:简介是一个依靠实现的多功能树插件。使用说明下载文件将需要使用的相关的文件分别放置到相应目录,并且保证相对路径正确。页面分别在和中引入文件,如代码所示。设置是否显示节点的图标。 简介 zTree 是一个依靠 jQuery 实现的多功能 树插件。 网址:http://www.ztree.me/v3/main.p... 上面的网址里有ztree的详细介绍、Demo 演示、API 文档、入门指...

    hightopo 评论0 收藏0
  • JavaScript 语法与代码转化实践

    摘要:语法树与代码转化实践归纳于笔者的现代开发语法基础与实践技巧系列文章中。抽象语法树抽象语法树的作用在于牢牢抓住程序的脉络,从而方便编译过程的后续环节如代码生成对程序进行解读。 JavaScript 语法树与代码转化实践 归纳于笔者的现代 JavaScript 开发:语法基础与实践技巧系列文章中。本文引用的参考资料声明于 JavaScript 学习与实践资料索引中,特别需要声明是部分代码片...

    Gemini 评论0 收藏0

发表评论

0条评论

dongxiawu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<