社区
JavaScript
帖子详情
上十万的节点,该用什么js tree?
shuta
2009-12-17 10:18:06
如题,要上十万的节点,看dhtmltree功能强大,还自定义事件,结果发现加载1000节点,ie直接就死在那里了
最好有右键菜单,动态修改,ajax加载,最重要的是速度要快,效率要高
如果没有。。。就只能一点一点磨了
...全文
239
10
打赏
收藏
上十万的节点,该用什么js tree?
如题,要上十万的节点,看dhtmltree功能强大,还自定义事件,结果发现加载1000节点,ie直接就死在那里了 最好有右键菜单,动态修改,ajax加载,最重要的是速度要快,效率要高 如果没有。。。就只能一点一点磨了
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
shuta
2009-12-18
打赏
举报
回复
[Quote=引用 3 楼 dh20156 的回复:]
楼主可以参考一下dhATV4:http://www.easyui.org.cn/dhATV_demo.html
[/Quote]
测试了下速度,10万的速度应该在一秒之类处理完,只是在加载的时候好像重复了,其他的无可挑剔了
shuta
2009-12-18
打赏
举报
回复
[Quote=引用 6 楼 kingwolf_javascript 的回复:]
上十万的节点就是静态的页面也死了!!!
你这简直就是考验客户端的机器配置啊!!!
[/Quote]
每级都异步加载算了,就算有那么多,用户也不可能点开那十几万个
就这么办了
shuta
2009-12-18
打赏
举报
回复
看了各位提供的东西,还是dhatv v4.0 很接近我的需求了,正在研究,再次谢谢各位,散分了
lovesiyile
2009-12-18
打赏
举报
回复
[Quote=引用 3 楼 dh20156 的回复:]
楼主可以参考一下dhATV4:http://www.easyui.org.cn/dhATV_demo.html
[/Quote]
美女?
浴火_凤凰
2009-12-18
打赏
举报
回复
上十万的节点就是静态的页面也死了!!!
你这简直就是考验客户端的机器配置啊!!!
shuta
2009-12-18
打赏
举报
回复
我要实现一个城市的网格化操作,城市,区,街道,社区,小区,楼栋,室的级别,树最底就是室了,数量可想而知了,还涉及权限操作,分城市,区,街道,社区四级,级别里还有不同的角色,对后台也是个考验,我把权限用xml作缓存,级别到了社区,下面的小区,楼栋,室就要动态添加了,里面的东西可用右键添加修改等,树的功能还是需要蛮强才行,最重要的是速度要快了,谢谢大家的回复,我去一个一个研究下
思無芷盡
2009-12-18
打赏
举报
回复
可以考虑用ajax 分级实现树
初始化不加载所有节点,在点击父节点撑开时再用ajax去加载该节点下的子节点
dh20156
2009-12-18
打赏
举报
回复
楼主可以参考一下dhATV4:
http://www.easyui.org.cn/dhATV_demo.html
烟雨鹏城
2009-12-17
打赏
举报
回复
mizztree1.0可惜不支持ajax的异步模式构建。
mizztree2.0支持ajax的异步模式构建。上万个同样支持,可以去我的资源里面下载
Inpool
2009-12-17
打赏
举报
回复
你要干什么 - -
层级数据处理与交互式
节点
管理:Vue
Tree
组件开发指南
本文详解基于Vue.
js
2.0的
Tree
组件开发,涵盖层级数据处理、交互式
节点
管理(如多选、拖拽、右键)、惰性加载与虚拟滚动等高性能方案。重点解析其在权限管理、文档系统及分类导航中的落地实践,并提供环境配置、基础实现、事件处理及
十万
级数据优化等完整实施路径。
el-
tree
支持类似懒加载效果及其多选回填功能
本文介绍了如何在Vue.
js
应用中实现Element UI的El-
Tree
组件的懒加载功能,同时解决复选
节点
的回填问题。通过在页面初始化时仅加载根
节点
,点击
节点
时按需加载子
节点
,实现了性能优化。在
节点
点击事件中,通过$nextTick设置已选
节点
,并利用工具方法递归添加子
节点
数据。此外,还展示了watch监听输入框模糊查询时如何动态加载树数据。最后,提供了关键代码片段以供参考。
【el-table中
tree
树形结构自定义下拉框】懒加载自定义
节点
文章讨论了在处理大量数据(10万条)时,如何通过懒加载策略优化前端页面性能,特别是在使用ElementUI的el-
tree
和el-table组件时遇到的问题。作者提供了官方示例代码,并展示了优化后的业务代码实现。
后端一次返回
十万
条数据?Vue3 可以这样优雅处理
后端返回大量数据时,前端易出现卡顿或崩溃。本文介绍在Vue3中通过分页加载、虚拟滚动、Web Worker和分批渲染等方式高效处理
十万
级数据,提升性能与用户体验。
vs-
tree
:跨端树形组件实战指南——从通讯录到复杂目录的高效实现
本文详解vs-
tree
这一高性能跨端树形组件的核心能力:虚拟列表支撑万级
节点
流畅渲染、异步加载实现按需数据获取、复选/单选联动逻辑配置、搜索过滤精准定位、自定义
节点
渲染及后端数据格式适配。重点涵盖移动端触控优化与PC端键盘导航、右键菜单等增强体验方案,并给出动态更新状态丢失、异步勾选异常等典型问题的排坑策略。
JavaScript
87,990
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章