wijom5 支持angular 的虚拟滚动吗？

收藏

我们框架用的angular，问一下wijiom 支持或者有计划支持 angular原生的虚拟滚动吗？<cdk-virtual-scroll-viewport itemSize="50" minBufferPx="200" maxBufferPx="400" class="example-viewport"> <div *cdkVirtualFor="let item of items" class="example-item">[color=rgba(0, 0, 0, 0.870588235294118)]{{item}}</div></cdk-virtual-scroll-viewport>

Richard.Ma · Richard.Ma

Wijmo的flexgird本身内部已经实现了无限滚动，您无需再去自己实现 angular原生的虚拟滚动

在这个页面，您可以更改行数为最大的100W行，来进行滚动测试，滚动时并不会有任何卡顿
https://demo.grapecity.com.cn/wijmo/demos/Grid/Overview/angular

ttnkh21 · ttnkh21

Richard.Ma 发表于 2021-8-16 10:19
Wijmo的flexgird本身内部已经实现了无限滚动，您无需再去自己实现 angular原生的虚拟滚动

在这个页面， ...

我看过flexgird 实现的虚拟滚动，这个虚拟滚动是和数据同步的，就是控制数据的加载时机实现的，本质上来说还是分页，而且是后台分页。
而 angular的虚拟滚动是数据全部加载，不影响前台对数据的操作，如查找，是控制可视窗口dom渲染。
所以想问一下，能否支持angular的原生虚拟滚动。

ttnkh21 · ttnkh21

Richard.Ma 发表于 2021-8-16 10:19
Wijmo的flexgird本身内部已经实现了无限滚动，您无需再去自己实现 angular原生的虚拟滚动

在这个页面， ...

或者说，fiexgird 本身就是类似于angular虚拟滚动的加载机制？

Richard.Ma · Richard.Ma

ttnkh21 发表于 2021-8-16 10:41
我看过flexgird 实现的虚拟滚动，这个虚拟滚动是和数据同步的，就是控制数据的加载时机实现的，本质上来 ...

我刚刚发给您的这个链接，是加载所有数据，demo中可选100W行，加载会慢一些，但是滚动时性能不受任何影响

之前发给您的另一个例子，是增量加载数据的
https://demo.grapecity.com.cn/wi ... iteScrolling/purejs

也就是说不管是一次性加载，还是增量加载，fiexgird 本身滚动时都是支持虚拟滚动的。
不需要再去额外实现虚拟滚动

ttnkh21 · ttnkh21

Richard.Ma 发表于 2021-8-16 11:56
我刚刚发给您的这个链接，是加载所有数据，demo中可选100W行，加载会慢一些，但是滚动时性能不受任何影响 ...

好的，我查看了一下dom树，确实是。不好意思，没仔细看就问。

Richard.Ma · Richard.Ma

没关系，此帖结帖。有其他的问题欢迎发新帖咨询

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

wijom5 支持angular 的虚拟滚动吗？

6 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人