spreadJS 懒加载的问题

Fiooona

本帖最后由 bytcib 于 2020-5-19 09:58 编辑

在一个sheet表中，现有1044行数据，表中有一列为结构类型，共有4种类型：预算项目组、预算项目、预算动因、预算参量，现在访问请求为根据结构类型列筛选，但是很慢才能把数据渲染到spreadJS中。
从一个json中按条件筛选数据很慢这个可以理解，但是能不能做一个懒加载，我先处理200行数据，然后就把结果返回给spreadJS渲染，并呈现给用户，然后在后台再悄悄地继续处理，每处理200行数据就把数据追加到spreadJS中，直到处理完成，反馈一个提示信息：加载完成，这个提示信息停顿3秒后消失，当然，这个提示信息是我们自己用JS做的，与spreadJS无关，我只是在描述产品。

这样，对于用户来说，看到的是数据一点一点出来的，虽然在最后出现加载完成提示前用户仍然不能使用，但是感觉会好一些，比面对一个遮罩层：正在筛选数据，请等待要强。

请问，要实现这个功能要如何做？

Fiooona · Fiooona

您把数据查询回来放到前台展示，是在页面进行数据绑定了把？要实现每次加载200行，只需要在数据源中放200行数据，不断往数据源中追加数据。

大白菜 · 大白菜

这个我有个想法，但是不一定最好，最好见官方。
我觉得你们可以大概设定外部承载的dom大小来判断，比如dom高度 600 px的。你可以放个30行，你就加载30行，超出30行你在继续加载。

可以通过监听TopRowChanged 事件来实现。仅供参考。

sheet.bind(GC.Spread.Sheets.Events.TopRowChanged, function (sender, args) {
//这里你可以拿到总的行数然后在加载。
}

Fiooona · Fiooona

bytcib · bytcib

Fiooona 发表于 2020-5-19 14:00
您把数据查询回来放到前台展示，是在页面进行数据绑定了把？要实现每次加载200行，只需要在数据源中放200行 ...

我是把spreadJS的json整体放到数据库中的，数据库是PostgreSQL，支持json数据类型，这个大json大概是5-6M，我是一次性从数据库中把这个大json取出来的，取出来就已经是spreadJS能处理的json了，所以我不存在向数据源请求的问题，我不是从一个关系型的数据库的数据表中取数据。

Clark.Pan · Clark.Pan

那这样，您先提供一下您的ssjson，我们看一下为什么这么慢吧，按我们的测试如果是纯数据50W行20列的数据在一个一般的PC机上渲染是秒开的级别。
所以推测您的ssjson中可能还有其他影响性能的内容或者可能在使用方式上看有什么可以优化的地方。总而言之您先提供一个能重现问题的ssjson我们先分析一下慢的原因

bytcib · bytcib

ClarkPan 发表于 2020-5-20 09:19
那这样，您先提供一下您的ssjson，我们看一下为什么这么慢吧，按我们的测试如果是纯数据50W行20列的数据在 ...

附件是我从数据库字段里粘出来的

bytcib · bytcib

bytcib · bytcib

本帖最后由 bytcib 于 2020-5-20 13:04 编辑

时间长是长在paint那里
另外，6秒到10秒之间有4秒的停顿，不知道在发什么呆呢

bytcib · bytcib

本帖最后由 bytcib 于 2020-5-20 13:02 编辑

image.png282636718.png

这是我们查到的另一个贴子报的问题，我们的问题和这个类似，但是那个贴子也没有什么结果

贴子在这里：

https://gcdn.grapecity.com.cn/showtopic-38415-1-1.html

		自动登录	找回密码
密码			立即注册

[已处理] spreadJS 懒加载的问题

最佳答案

10 个回复

评分

微信认证勋章

圣诞拼拼乐

讲师达人

悬赏达人

SpreadJS 认证

SpreadJS 高级认证

元老葡萄