如何用jQuery zTree插件快速构建式目录树?
- 内容介绍
- 文章标签
- 相关推荐
本文共计774个文字,预计阅读时间需要4分钟。
ztree是jQuery的一个开源树形目录插件,可快速构建网站的树形目录结构,功能丰富,利于API扩展。官网:JQuery+ztree,只需引入jquery和ztree的库js,然后为ztree提供所需js。
ztree是JQuery的一个开源树形目录的插件,用来快速构建网站的树形目录结构,并且提供了功能丰富,利于扩展的API。
JQuery ztree官网
只要引入jquery和ztree的库js,然后给ztree提供需要的json数据,并且设置好ztress的属性,就可以即刻展示出树形目录。
总结下来,要使用ztree的话,必须要完成以下几步:
1. 引入库文件
jquery.js
ztree.js
ztree.css
2. 获取数据
你要思考数据来源问题了。
如果要自己从数据库查询树形结构这时候你需要知道oracle的递归查询connect by:oracle中使用start with...connect by prior递归查询树形结构。递归查询简单来讲就是一个表中要具备2个基本字段:id和pid(子节点和父节点id),使用关键字connect by prior来连接id和pid,start with定义数据行查询的初始点,由此获取一棵或者多棵树的树形结构。
本文共计774个文字,预计阅读时间需要4分钟。
ztree是jQuery的一个开源树形目录插件,可快速构建网站的树形目录结构,功能丰富,利于API扩展。官网:JQuery+ztree,只需引入jquery和ztree的库js,然后为ztree提供所需js。
ztree是JQuery的一个开源树形目录的插件,用来快速构建网站的树形目录结构,并且提供了功能丰富,利于扩展的API。
JQuery ztree官网
只要引入jquery和ztree的库js,然后给ztree提供需要的json数据,并且设置好ztress的属性,就可以即刻展示出树形目录。
总结下来,要使用ztree的话,必须要完成以下几步:
1. 引入库文件
jquery.js
ztree.js
ztree.css
2. 获取数据
你要思考数据来源问题了。
如果要自己从数据库查询树形结构这时候你需要知道oracle的递归查询connect by:oracle中使用start with...connect by prior递归查询树形结构。递归查询简单来讲就是一个表中要具备2个基本字段:id和pid(子节点和父节点id),使用关键字connect by prior来连接id和pid,start with定义数据行查询的初始点,由此获取一棵或者多棵树的树形结构。

