十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
首先介绍zTree: zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
创新互联公司服务项目包括伊川网站建设、伊川网站制作、伊川网页制作以及伊川网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,伊川网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到伊川省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
1、使用zTree一般需要引入下面几个文件:
这些文件都可以在http://www.ztree.me下载到。
2、你需要在你的页面相关位置放上一个div
3、其实树状结构是通过获取JSON。
其中
- $(document).ready(function(){
- $.fn.zTree.init($("#addressBook"), setting, unitinfos.concat(groups));
- });
中的#addressBook就是定位到第二步中的id为addressbook的ul中。上面代码的JSON数据展示形式如下图。
最终在页面上的效果就是: