ztree 后台异步加载_ztree 异步加载示例
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 异步加载示例相关推荐
- ztree 后台异步加载_zTree异步加载实现
页面中代码 var zTreeObj; var setting = { async : { type : "post", enable : true, autoParam : [ ...
- 【亲测可用→防止入坑Routes】设置angular10项目异步加载、惰性加载、懒加载路由
创建一个带路由的项目,依次执行下面每行代码 ng n RouingApp --routingcd RouingAppng g c components/firstng g c components/s ...
- 基于jQuery的图片异步加载和预加载实例
如今的网页中有很多图片,比如相册列表,那么如果一次性读取图片将会瞬间加重服务器的负担,所以我们用jQuery来实现图片的异步加载和预加载功能,这样在页面的可视范围内才会加载图片,当拖动页面至可视界面时 ...
- 关于同步加载与异步加载的区别
关于同步加载与异步加载的区别 同步加载:同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像).渲染.代码执行. 异步加载:异步加载又叫非阻塞,浏览器在下 ...
- 浏览器渲染阻塞与优化-详解推迟加载、异步加载。
我认为一个前端工程师是否优秀,很大程度上取决于对前端性能上优化的功力.所以性能优化对前端真的很重要!!! 本文介绍了什么是阻塞.为什么会阻塞?阻塞优化常用的5种方式以及他们的注意事项. 浏览器渲染阻塞 ...
- Vue—核心概念—异步组件和路由懒加载
原文地址:Vue 异步组件&路由懒加载 目录 异步组件 异步组件介绍 异步组件声明 高级异步组件 路由懒加载 路由懒加载介绍 路由懒加载方法 把组件按组分块 异步组件 异步组件介绍 在开发大型 ...
- javascript 文件的同步加载与异步加载
原文:[转载]javascript 文件的同步加载与异步加载 HTML 4.01 的script属性 charset: 可选.指定src引入代码的字符集,大多数浏览器忽略该值. defer: bool ...
- JavaScript异步加载与同步加载
关于同步加载与异步加载的区别 同步加载:同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止了后续的解析,因此停止了后续的文件加载(如图像).渲染.代码执行. 异步加载:异步加载又叫非阻塞,浏览器在下 ...
- vue 如何处理两个组件异步问题_Vue异步组件处理路由组件加载状态的解决方案...
vue.js 组件 组件(Component)是 Vue.js 最强大的功能之一. 组件可以扩展 HTML 元素,封装可重用的代码. 在大型单页面应用中,处于对性能的考虑和首屏加载速度的要求,我们一般 ...
- 同步加载与异步加载的区别
同步加载: 同步模式,又称阻塞模式,就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去: 即同步加载会阻止浏览器 ...
最新文章
- 充分理解表达式——《狂人C》习题解答2(第二章习题5)
- iOS 上常用的两个功能:点击屏幕和return退出隐藏键盘和解决虚拟键盘
- 手游linux服务器时间同步问题
- Linux TCP拥塞控制算法原理解析
- contOS crontab 定时执行python脚本
- GET与POST可传递的最大值到底是多少?
- Websphere 7小版本不同导致的JAXP兼容性问题
- java中的23中设计模式
- html设置返回的样式,jQuery设置或返回元素样式属性。
- JS 如何快速高效的将数组转换成树形结构
- 解决maven项目Cannot change version of project facet Dynamic web module to 3.0
- CAN笔记(6) CAN协议(一)
- vim amp; emacs color Scheme
- react入门教程案例井字棋(包含改进代码)
- 论文期刊科普-SCI SSCI CSSCI CSCD和北大核心期刊分别是什么?
- 任务调度ScheduledExecutorService
- 龙门标局:注册地理标志证明商标有什么作用
- 【 react】react实现页面后退按钮(goBack())
- 全球顶级的14位程序员!膜拜!
- 连夜干出来一个自动处理【支付宝交易支付投诉管理系统】,支持多商户
热门文章
- JavaScript视频教程
- 说说id获取器手机版_怎么提取自己空间说说的ID
- Matlab美图秀秀
- 高清卫星影像DEM数据免费下载,3款软件4个网站推荐收藏!
- Kubernetes 两步验证 - 使用 Serverless 实现动态准入控制
- ntko 发生错误:保存html到临时文件目录发生错误,【ntko文件存取错误】_如何处理OA系统在线阅读或编辑文档时提示“文件存取错误”的问题...
- 读书笔记 -《硅谷之火》《硅谷热》
- 欧姆龙rxd指令讲解_欧姆龙cp1h常用指令学习(四)串口无协议读写指令TXD,RXD...
- 使用Word的VBA功能过滤敏感词,实现网络文章过审
- html组合标题,如何组合标题关键词(影响标题的5个因素)