zTree 可以实现异步加载。异步加载可以让初次加载速度快,带来好的用户体验。

异步加载 官方源码中的demo提示了例子。例子是采用php语言。

在java语言中,zTree如何与Servlet结合呢?

下面这个Demo演示了Servlet + Gson + MySQL 实现异步加载。

第一步,引入css和js,参考一上节《zTree》

第二步,修改ztree初始方法如下:

关键代码在7~12行,配置异步加载功能,传递一个参数id给控制器treeAjaxAsyncLoad.do,控制器控制id查找所以子节点(直属子节点,孙子节点就没查找)

第三步,控制器

代码如下:

这部分代码是根据前端传递的参数,来查询子节点,并转换成json格式响应给前端。

JsonUtils.printJson()方法是将数据生成json格式。

代码如下:

第四步,数据访问层两个关键方法:

方法一:

从数据库里查询数据封装成树结构对象。代码的第6~8行,设置是否为父节点,如果是父节点,在html上显示是一个文件夹,前面有加号,还可以展开,如果不是,在html上显示是一个文件且不可以展开。

方法二:

方法二和方法一样,都从数据库里查询数据封装成树结构对象。不同的是带查询参数,查找的是子节点。

本示例数据访问层使用apache的dbutils,读者根据自己的情况(原生JDBC、Spring JDBC、mybatis、Spring Data JPA)调整。

并且设置ztree的url。

ArticleTree和ArticleTreeUrl数据模型如下:

java ztree 异步加载_插件使用一树形插件---zTree一zTree异步加载相关推荐

  1. java做类似于qq空间动态加载_实现类似微博、QQ空间等的动态加载

    微博.QQ空间等的动态加载方式属于滚屏加载技术,获取当前滚动条位置来触发onscroll()函数,向服务器发起请求,将请求得到的新的数据动态加载在页面上 本文利用该原理实现了动态加载,但不是检测当前滚 ...

  2. android verticalviewpager 下拉刷新 上拉加载_设计规范 | 详解组件控件结构体系:加载类...

    设计师在进行APP设计时,往往会更加专注于界面的布局.界面和界面之间怎么跳转.操作反馈,却往往忽略掉一个比较重要的环节,就是APP数据加载中的设计.那么我们怎么处理好界面交互中的加载设计,保证体验无缝 ...

  3. div 重新加载_使用React的HOC来完成模块的异步加载

    原文地址​medium.com 在单页面应用的时代,你可以使用React来完成几乎所有的Web应用甚至大型的Web引用.你甚至可以使用React开发一个Facebook. 当前正如你所知,Webpac ...

  4. python 按需加载_基于python的opcode优化和模块按需加载机制研究(学习与个人思路)(原创)...

    基于python的opcode优化和模块按需加载机制研究(学习与思考) 姓名:XXX 学校信息:XXX 主用编程语言:python3.5 文档转换为PDF有些图片无法完全显示,请移步我的博客查看 完成 ...

  5. chrome 网页重新加载_在Chrome中为各个网页设置自定义重新加载时间

    chrome 网页重新加载 Do you have a webpage that needs to be reloaded every so often or perhaps you have mul ...

  6. javascript等待异步线程完成_前端:什么是单线程,同步,异步?彻底弄懂 JavaScript 执行机制...

    javascript是按照语句出现的顺序执行的. js是一行一行执行的: let a = '1';console.log(a);let b = '2';console.log(b); 然而实际上js是 ...

  7. 逗号后面统一加空格_十分钟搞定字幕,教你做加字幕的“快手菜”

    平台上许多同学有疑问:做视频是否有加字幕的必要呢? 其实除了外语需要翻译.语速过快加字幕方便理解.普通话不标准等情况之外,还是建议有余力的同学可以加上字幕,提升用户的观看体验. 那么问题来了,存在以下 ...

  8. 联想拯救者y7000p加内存条_怎么给笔记本升级内存和硬盘 联想Y7000P加装内存和硬盘图文介绍...

    一般目前新买的笔记本电脑,大都是标配8GB内存和单块固态硬盘,内存和硬盘容量适中,但对于一些制图设计.偏大型游戏,又或者对硬盘存储要求比较高的用户来说,显然就不太够用,这时候我们一般会通过升级内存和硬 ...

  9. java类加载器 架构 设计_类加载器(DexClassLoader)与插件化(动态加载)

    类加载器与插件化解析 2.1 类装载器 DexClassLoader 首先,我们需要了解关于java代码本地import的一些知识: import中所引用的类有两个特点: 1.必须存在于本地,当程序运 ...

最新文章

  1. easyui使用ajax获取json文件,easyui 加载本地json 文件的方法
  2. lisp直线连接圆象限电_圆并不难,为什么很多考生就是学不会?
  3. 2020-12-09 深度学习 卷积神经网络结构分析
  4. 三种集中式总线判优控制
  5. 前端学习(2024)vue之电商管理系统电商系统之根据分页获取订单列表数据
  6. F5刷新表单页不能清空缓存
  7. openwrt 编译时提示缺少libstdc++,libpthread.so.0文件
  8. Python 函数式编程(3) —— 闭包
  9. less(css)语言快速入门
  10. 计算机中三大总线:地址总线、数据总线、控制总线
  11. 常用三角公式、变形及图形
  12. 如何在 WordPress 中创建登录页面
  13. XSS修炼之独孤九剑
  14. 方法重写的两同两小一大原则
  15. 第五章:正则表达式的使用-常用的正则符号(二)
  16. linux indent添加,linux indent格式化代码
  17. 学习TDD:TDD的好处
  18. 四平方和定理(每个正整数均可表示为4个平方数的和)
  19. matlab 生成色带和彩色图像
  20. Skip List--跳表(全网最详细的跳表文章没有之一)

热门文章

  1. G-Ghost-RegNet实战:使用G-Ghost-RegNet实现图像分类任务(一)
  2. Iris Species(鸢尾数据集)
  3. Samsung/三星G3502C(GALAXY Trend 3) root教程_方法
  4. JAVA对特殊字符的处理
  5. 终身成长还是终身学习
  6. windows 2016 域控服务器搭建
  7. 一些关于程序员的搞笑图片和故事
  8. 腾讯清理了1000万个灰产QQ号
  9. 领扣LintCode算法问题答案:56. 两数之和
  10. JNI第一天 JNI基本数据类型