var setting = {

async:{

autoParam:["id=tid"],

contentType:"application/x-www-form-urlencoded",

enable:true,

type:"post",

url:"/deployment/devAndSysAction!synAddDevice.action"

}

,data:{

simpleData :{

enable:true

}

}

};

async就是对异步的配置,autoParam是自动提交的参数,这里要说下后面的tid才是我们在后台接受的参数名 ,enable就是控制异步加载是否生效,其他的都没什么说的了。

然后后台我们接值组织数据,我这里用的是伪码。

String id = request.getParameter("tid");

treeStr = "";

List lstMyObj = myService.findMyData(parentId);

if(lstMyObj!=null){

for(int i=0,len=lstMyObj.size();i

treeStr += "{id:'myId',pId:'parentId',name:'myname' ,isParent:true},";

}

}

treeStr = "["+treeStr.substring(0,treeStr.length()-1)+"]";

这里ajax返回treeStr

这样的话就OK了,这里有一个地方得十分注意就是isParent这个属性,在异步加载中一定要知道这个节点下面是否有子节点,如果有就设置成true,如果没有就设置成false,如果不设置的话就默认是false,那么即使你本次异步加载出的节点有子节点的话,它也不会在节点前加上个小+号,那你就无法进行异步加载了,而如果都设置成true的话,你点击没有子节点的节点前的+就会出现这种情况

 ,有显示上的问题。所以这个isParent的正确设置很重要。

ztree 后台异步加载_ztree 异步加载示例相关推荐

  1. ztree 后台异步加载_zTree异步加载实现

    页面中代码 var zTreeObj; var setting = { async : { type : "post", enable : true, autoParam : [ ...

  2. 【亲测可用→防止入坑Routes】设置angular10项目异步加载、惰性加载、懒加载路由

    创建一个带路由的项目,依次执行下面每行代码 ng n RouingApp --routingcd RouingAppng g c components/firstng g c components/s ...

  3. 基于jQuery的图片异步加载和预加载实例

    如今的网页中有很多图片,比如相册列表,那么如果一次性读取图片将会瞬间加重服务器的负担,所以我们用jQuery来实现图片的异步加载和预加载功能,这样在页面的可视范围内才会加载图片,当拖动页面至可视界面时 ...

  4. 关于同步加载与异步加载的区别

    关于同步加载与异步加载的区别 同步加载:同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像).渲染.代码执行. 异步加载:异步加载又叫非阻塞,浏览器在下 ...

  5. 浏览器渲染阻塞与优化-详解推迟加载、异步加载。

    我认为一个前端工程师是否优秀,很大程度上取决于对前端性能上优化的功力.所以性能优化对前端真的很重要!!! 本文介绍了什么是阻塞.为什么会阻塞?阻塞优化常用的5种方式以及他们的注意事项. 浏览器渲染阻塞 ...

  6. Vue—核心概念—异步组件和路由懒加载

    原文地址:Vue 异步组件&路由懒加载 目录 异步组件 异步组件介绍 异步组件声明 高级异步组件 路由懒加载 路由懒加载介绍 路由懒加载方法 把组件按组分块 异步组件 异步组件介绍 在开发大型 ...

  7. javascript 文件的同步加载与异步加载

    原文:[转载]javascript 文件的同步加载与异步加载 HTML 4.01 的script属性 charset: 可选.指定src引入代码的字符集,大多数浏览器忽略该值. defer: bool ...

  8. JavaScript异步加载与同步加载

    关于同步加载与异步加载的区别 同步加载:同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像).渲染.代码执行. 异步加载:异步加载又叫非阻塞,浏览器在下 ...

  9. vue 如何处理两个组件异步问题_Vue异步组件处理路由组件加载状态的解决方案...

    vue.js 组件 组件(Component)是 Vue.js 最强大的功能之一. 组件可以扩展 HTML 元素,封装可重用的代码. 在大型单页面应用中,处于对性能的考虑和首屏加载速度的要求,我们一般 ...

  10. 同步加载与异步加载的区别

      同步加载: 同步模式,又称阻塞模式,就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去:   即同步加载会阻止浏览器 ...

最新文章

  1. 充分理解表达式——《狂人C》习题解答2(第二章习题5)
  2. iOS 上常用的两个功能:点击屏幕和return退出隐藏键盘和解决虚拟键盘
  3. 手游linux服务器时间同步问题
  4. Linux TCP拥塞控制算法原理解析
  5. contOS crontab 定时执行python脚本
  6. GET与POST可传递的最大值到底是多少?
  7. Websphere 7小版本不同导致的JAXP兼容性问题
  8. java中的23中设计模式
  9. html设置返回的样式,jQuery设置或返回元素样式属性。
  10. JS 如何快速高效的将数组转换成树形结构
  11. 解决maven项目Cannot change version of project facet Dynamic web module to 3.0
  12. CAN笔记(6) CAN协议(一)
  13. vim amp; emacs color Scheme
  14. react入门教程案例井字棋(包含改进代码)
  15. 论文期刊科普-SCI SSCI CSSCI CSCD和北大核心期刊分别是什么?
  16. 任务调度ScheduledExecutorService
  17. 龙门标局:注册地理标志证明商标有什么作用
  18. 【 react】react实现页面后退按钮(goBack())
  19. 全球顶级的14位程序员!膜拜!
  20. 连夜干出来一个自动处理【支付宝交易支付投诉管理系统】,支持多商户

热门文章

  1. JavaScript视频教程
  2. 说说id获取器手机版_怎么提取自己空间说说的ID
  3. Matlab美图秀秀
  4. 高清卫星影像DEM数据免费下载,3款软件4个网站推荐收藏!
  5. Kubernetes 两步验证 - 使用 Serverless 实现动态准入控制
  6. ntko 发生错误:保存html到临时文件目录发生错误,【ntko文件存取错误】_如何处理OA系统在线阅读或编辑文档时提示“文件存取错误”的问题...
  7. 读书笔记 -《硅谷之火》《硅谷热》
  8. 欧姆龙rxd指令讲解_欧姆龙cp1h常用指令学习(四)串口无协议读写指令TXD,RXD...
  9. 使用Word的VBA功能过滤敏感词,实现网络文章过审
  10. html组合标题,如何组合标题关键词(影响标题的5个因素)