解压zTree_v3-master,查看demo 使用浏览器访问\zTree_v3-master\demo\cn的index.html页面案例:最简单的树-标准json数据步骤
1. 查看/demo/cn/index.html的源代码
2. 把zTreeStyle文件夹和jquery.ztree.all.js文件导入项目
3.在jsp页面中导入上图的两个js和css文件,jquery.js文件也要导入,如果导入则不用导
4.依照/demo/cn/index.html源码,在jsp添加ztree的div
5.在文档加载完成后,初始化ztree的数据
6.效果
案例:最简单的树-简单json数据Js代码效果标准和简单json数据的区别其实他们只是树形结构的数据格式不一样而已建议说使用简单json数据来构建树型数据发送ajax网络请求获取菜单数据把事先准备好的json数据导入到项目中,导在webcontent目录下Js代码监听树形菜单的点击事件监听菜单的点击事件通过在setting中添加callback即可Callback中可以写beforeClick、onClick等事件(查看首页源码)treeNode.name是获取菜单标题、treeNode.isParent是判断当前是否有子菜单注意如何不重复添加选项卡【掌握】代码
效果图