社区
JavaScript
帖子详情
jstree性能问题
a260881071
2011-08-15 10:06:04
一直在本地使用jstree数据量少,
数据量多的时候一节点下面有150个以上的节点的话,运行起来很慢。点checkbox也很慢。
不知道过来人是怎么优化的?
不行的话我还是用treeview得了。
--------------------------------------帅签分割线-------------------------------------------------
...全文
380
7
打赏
收藏
jstree性能问题
一直在本地使用jstree数据量少, 数据量多的时候一节点下面有150个以上的节点的话,运行起来很慢。点checkbox也很慢。 不知道过来人是怎么优化的? 不行的话我还是用treeview得了。 --------------------------------------帅签分割线-------------------------------------------------
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
cjq000
2013-03-20
打赏
举报
回复
我现在也遇到这个问题了,一次性加载大量数据的时候性能确实不咋地,最后你怎么解决的?
去圣西罗-为尤文喝彩
2011-08-16
打赏
举报
回复
支持5楼观点,分级加载。分支设置点击后再加载展开。
班门弄斧
2011-08-15
打赏
举报
回复
采用异步加载,如果数据量大的话,可以采用树节点分页
tantaiyizu
2011-08-15
打赏
举报
回复
和用什么没有关系,关键是看内部算法是否优
tianmo2010
2011-08-15
打赏
举报
回复
数据量大的话,还是用treeview吧,效率高些
碧海情天-赵亮
2011-08-15
打赏
举报
回复
好框架也有其极限,更重要的是,什么好东西也架不住胡乱使用。
所以,正确的、好的使用才是根本之道。
数据较多时,一次加载所有的节点,本身就不符合程序精神,很傻。
三级四级,五六七八级的东西,有的猴年马月不一定用到的,加载了有什么用。
不要说下面诸多级,就是第一级的项目多少都应该认真对待。
现在不少软件,罗列功能,以显示出来的功能项目的数量多少来忽悠用户。其实效果恰好相反,让用户觉得太繁杂不好用。
所以,在技术上除了第一级预加载之外其它级可以用AJAX按需逐级加载。
而在设计思想上,要重新考虑精简不必要的节点。甚至是说,一个节点之下如果存在太多节点的话,其实这时就已经不合适把那些节点作为节点处理,而是应该作为工作区的内容处理。
总之,通用的设计规则就是在树形视图里不合适出现一个节点下子节点数量过多或者整个节点的层级过深的情况,这是首先在系统设计时就应该注意的。
豆虫
2011-08-15
打赏
举报
回复
代码要优化可不是个轻快活 问题是得找到是什么地方会影响效率 哪些对js方法或dom操作会影响效率....
一个好的框架是要经得起这种冲击的 楼主150条就慢了 就别用这个了
支持AJAX的TreeView树例子,使用省市县三级xml作演示
看到网上很多想用ajax的树的例子,很奇怪,明明TreeView自带AJAX功能,取非要自己去写一大堆代码, 工作量增加了,而
性能
又没有提高多少 正好自己这次用到了,就做了一个例子,供大家一起研究参考 注:顺便下载了一个省市县的3级xml文件,作为ajax树联动展示的例子 这个例子还实现了选中父结点时,选中全部子结点; 取消一个子结点,同时取消全部级别的父结点。
jstree
处理节点大量数据
性能
处理
前言:使用
jstree
插件写了一棵树,由于我是点击节点请求一个节点数据,并渲染树的方式(也就是懒加载叶子节点) 但是当一个节点下有10000个子节点,节点半天打不开,用户体验不好于是我的处理方式就是个坑 this.$nextTick(()=>{ $('
jstree
').
jstree
({ 'core':{ 'data':function(obj,callBack) { let url = 'xxxx' let organ
前端对jQuery的
jsTree
插件的大量数据处理
性能
优化实践(加载速度优化)
系统使用
jstree
做的树形展示,开始的数据量有3000左右,生成树的时间很快,但是后来需要加到50000条数据,
jstree
插件形成树很慢,并且会导致页面卡顿,测试发现5000条数据从请求到树的生成需要大概5秒,30000条数据大概需要15秒,50000条数据要30秒左右,于是对
jstree
大量数据进行优化。 通过各种尝试,看国外文档,看
jsTree
源码,阅读
jsTree
文档,最终尝试得到
jstree
中_append_json_data 方法效果最好,不会导致页面卡顿无法点击的情况。 jsTr..
jstree
中文github文档
jstree
是一个基于JQUERY的树形控件
jstree
配置
概述: 了解一个简单demo,学习一下深入一些知识 1、配置实例 正如上一个案例一样,我们没有修改任何值,都是采用的默认值。 $('#
jstree
').
jstree
(); 如果你想要即将创建的所有实例改变默认值的话 $.
jstree
.defaults.core.themes.variant = "large"; $('#
jstree
').
jstree
(); 但是大多数情况是,你只是想
JavaScript
87,902
社区成员
224,615
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章