zTree树插件怎么用-创新互联

这篇文章将为大家详细讲解有关zTree树插件怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了定州免费建站欢迎大家使用!

zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组合是zTree较大优点。zTree是开源免费的软件(MIT许可证)。如果您对zTree感兴趣或者愿意资助zTree继续发展下去,可以进行捐助。

zTree怎么样

zTreev3.0将核心代码按照功能进行了分割,不需要的代码可以不用加载

采用了延迟加载技术,上万节点轻松加载,即使在IE6下也能基本做到秒杀

兼容IE、FireFox、Chrome、Opera、Safari等浏览器

支持JSON数据

支持静态和Ajax异步加载节点数据

支持任意更换皮肤/自定义图标(依靠css)

支持极其灵活的checkbox或radio选择功能

提供多种事件响应回调

灵活的编辑(增/删/改/查)功能,可随意拖拽节点,还可以多节点拖拽哟

在一个页面内可同时生成多个Tree实例

简单的参数配置实现灵活多变的功能

最简单的树--标准JSON数据

zTree怎么实现

[文件路径:core/standardData.html]

父节点1-展开

父节点11-折叠

父节点12-折叠

父节点13-没有子节点

父节点2-折叠

父节点3-没有子节点

1、setting配置信息说明

普通使用,无必须设置的参数

与显示相关的内容请参考API文档中setting.view内的配置信息

name、children、title等属性定义更改请参考API文档中setting.data.key内的配置信息

2、treeNode节点数据说明

标准的JSON数据需要嵌套表示节点的父子包含关系

例如:

varnodes=[

 {name:"父节点1",children:[

  {name:"子节点1"},

  {name:"子节点2"}

 ]}

关于“zTree树插件怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


当前标题:zTree树插件怎么用-创新互联
URL分享:http://hbruida.cn/article/dioghg.html