首 页

手机版
您的位置:电脑软件 > 编程开发 > 程序源码 > zTree插件 v3.5

zTree插件 v3.5

软件大小:1024KB

软件语言:简体中文

用户评分:

软件类型:国产软件

授权方式:免费软件

软件官网:

更新时间:2018/9/14

软件分类:程序源码

运行环境:Windows10, Windows8, Windows7, WinVista, WinXP

编程插件
zTree插件是一个依靠 jQuery 实现的多功能“树插件”,其优异的性能、灵活的配置、多种功能的组合是zTree最大优点。zTree插件可以解析json格式的数据,有两种方式可以把数据传给zTree组件来生成树状结构,了解后使用起来非常方便。

使用说明

1.我们来写一个Demo用于测试zTree,将解压后的文件放在测试文件的目录下

2.测试效果类似下图

zTree v3.x 使用注意事项

1、js 核心文件
zTree v3.x 有 3 个 js 文件,一个 核心包 ( jquery.ztree.core-3.x.js ),两个扩展包 -- 复选框功能包 ( jquery.ztree.excheck-3.x.js ) & 编辑功能包 ( jquery.ztree.exedit-3.x.js )
使用 zTree v3.x 时,核心包必须加载,扩展包根据需要进行加载;这种结构有利于今后不断开发 zTree 的各种辅助功能或工具,而不影响基本功能。
在实际使用中,建议将使用的扩展包 与 核心包 代码合并为一个 js 文件,以节省网络资源,合并时一定要将核心包的代码放在最前面.
2、css 文件
zTree v3.x 只使用一个 zTreeStyle.css 文件,为了尽量避免样式冲突,将 zTree 容器的 className 设置为 'ztree'
v3.x 中对于主要 DOM ( li、ul、+/-图标、a ) 的 className 增加了 level 输出,可以针对不同等级的节点设定独立的样式
3、img 图片
zTree v3.x 将主要图标都合并为一个图片,利用图片切割方式显示图标
为了避免原先节点连线之间 1 像素间隔的问题,在 v3.x 中 +/-图标 继续保留 18*18 的尺寸,其余图标全部修改为 16*16,请升级的朋友务必注意修正原先使用的图标大小
在 v3.x Demo 中 自定义图标都是独立的图片文件,实际开发中建议也都采用图片切割的方式
4、zTree 数据
zTree 使用 JSON 数据,关于数据部分请认真查看 API 文档 "treeNode 节点数据详解" 中的内容,并且在 Demo 中也都可以看到 treeNode 的定义
5、调试代码
进行程序开发时,建议首先使用 chrome 或 firefox 进行调试工作 -- 普通 js 调试,ajax 获取数据时网络情况的跟踪都很容易。 个人推荐:chrome 的开发人员工具或 firefox 的 firebug 插件。

精品软件

下载地址

  • PC版

网友评论

0条评论

评论需审核后才能显示