社区
Web 开发
帖子详情
大数据量显示除了树还有什么好的方法
woshilisao
2010-09-29 11:42:55
我用jquery treeview做了一个树,可以有n层节点,但是当节点超过1000个时,IE下就感觉有点卡了,而且页面很长了。
像上万条数据在页面中用哪种显示方式比较好,有什么好的技术或插件吗?
o(≧v≦)o~~ 小弟坐等高人指点
...全文
93
10
打赏
收藏
大数据量显示除了树还有什么好的方法
我用jquery treeview做了一个树,可以有n层节点,但是当节点超过1000个时,IE下就感觉有点卡了,而且页面很长了。 像上万条数据在页面中用哪种显示方式比较好,有什么好的技术或插件吗? o(≧v≦)o~~ 小弟坐等高人指点
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
行舟
2010-09-29
打赏
举报
回复
还是先加载·但是不要显示~等有事件促发在显示~
zhy0511
2010-09-29
打赏
举报
回复
动态加载吧,我为树这个东西纠结了好久,不会写啊........
我很低调1234
2010-09-29
打赏
举报
回复
[Quote=引用 4 楼 kjeny2002 的回复:]
动态加载
[/Quote]
只好动态加载!
kjeny2002
2010-09-29
打赏
举报
回复
动态加载
烟火人间-红尘一笑
2010-09-29
打赏
举报
回复
树肯定是展示数据的最佳方式
数据量庞大的时候可以动态加载啊,点到哪儿的时候在加载下一级啊
wula0010
2010-09-29
打赏
举报
回复
如果树的节点比较多,就不要一次加载,根据需要分级加载,.......
pengzhistar
2010-09-29
打赏
举报
回复
就用树呗,用懒加载模式!还有采用多级!别就一级有1000个节点啊!那的确让人很郁闷!
wfqqwer5213
2010-09-29
打赏
举报
回复
你可以看下extjs tree,很方便,上万没得问题
24K純帥
2010-09-29
打赏
举报
回复
学习了。。
echoiori
2010-09-29
打赏
举报
回复
试试 EJS TreeGrid 要钱的。 不过性能一定会让你满意。
GIS
大数据
量
点位
显示
方法
PGIS
大数据
量
点位
显示
方法
PGIS同时
显示
大
量
点位会导致浏览器性能降低,在实际使用中应该尽
量
避免同时展示大
量
的点位信息。如果有特殊需求需要同时展示,可以参考以下
方法
进行优化。 step1 数据缓存 将点位数据预先从数据库中查询出来,缓存到服务器端一个json文件中。json文件只缓存点位信息的基础信息,包括设备编号、设备类型、安装点编号、经度、纬度、
显示
层级 st
大
量
加载
树
结构的思路
参考 ZTree 加载
大数据
量
。 1、一次性加载
大数据
量
加载说明 1)、zTree v3.x 针对
大数据
量
一次性加载进行了更深入的优化,实现了延迟加载功能,即不展开的节点不创建子节点的 DOM。 2)、对于每级节点最多一百左右,但总节点数几千甚至几万,且不是全部展开的数据,一次性加载的效果最明显,速度非常快。 3)、对于某一级节点数就多达几千的情况 延迟加载
elementui
树
形表格数据
量
大时,会造成严重卡顿问题的解决方案
之所以会造成卡顿,是因为该组件是一次性将所有数据全部渲染,dom数
量
过于庞大,并且在展开
树
操作的时候,用了大
量
递归循环语句,性能受到严重影响,造成卡顿。 我想到的解决方式有两种: 一:分页,让后端添加分页查询,以节点数统计数据条数进行展示。(但实际需求中较少,一般
树
形表格都是不分页)。 二:将请求到的
树
形数组数据备份(tableDataCopy),初始化仅仅展示指定层级(如第一层
树
)的数据,将第一层下面的所有的children全部置为null,并记录存在children的节点,设置hasChild..
前端如何展示一个有上亿数据的
树
结构
需求描述 数据上亿,有数千个从属于根节点的一级子节点; 每个一级子节点有数个到数万个二级子节点; 二级子节点可能有三级子节点; 子节点的最多层深不定(即,也许可能有 10 层); 需求分析 当面临一个
树
结构的时候,一般首先考虑用 tree 组件,但是,这里显然是不可能的,理由如下: 数据
量
太多,一个节点可能有数万子节点,
显示
会非常卡(一般来说,最多
显示
几百个才能保证性能,超过 1000 很容易卡); 当多展开几个子节点后,很难找到自己需要的那个子节点; 即使增加过滤/搜索功能,也不太方便; 因此我们
大数据
量
树
形数据表格展示, 虚拟表格,el-table, umy-ui, 表格懒加载
1. 出现的问题 要展示
树
形数据表格,根据当前点击的表格行去请求新的数据并展示, 基于这种情况遇到以下问题 1). 当
树
形表格数据层级大于五级且数据
量
较多时, 浏览器崩溃 2). 当数据条数展示超出500以上时页面明显卡顿, 加载越多越卡直到崩溃 2. 根据问题找出解决方案 开发使用vue + element-ui 框架 基于el-table 尝试解决方案 2.1 不使用
树
形表格数据, 对数据做平铺展示, 手动模拟
树
形数据的功能及相关数据处理 <template slot-scope="s
Web 开发
81,090
社区成员
341,731
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章