jQuery MiniUI

 找回密码
 立即注册
查看: 3325|回复: 6
打印 上一主题 下一主题

请问怎样实现grid数据的自动向上滚动.. [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2021-1-28 15:02:18 |只看该作者 |倒序浏览
目前有的思路就是
scrollIntoView(row)方法配合定时器,但是无法平滑过度,是跳跃性的
grid还使用了虚拟滚动virtualScroll= "true"的属性

Rank: 8Rank: 8

沙发
发表于 2021-1-29 09:14:58 |只看该作者
本地测试还可以,没发现你说的问题
  1. function setScrollTop() {
  2.         var rows = grid.getData();
  3.         var index = grid.indexOf(rows[rows.length-1]);        
  4.         setInterval(function () {      
  5.             var r = grid.getRow(index);
  6.             grid.scrollIntoView(r);
  7.             index--;
  8.         }, 500);
  9.     }
复制代码

Rank: 1

板凳
发表于 2021-1-29 11:14:49 |只看该作者
felt 发表于 2021-1-29 09:14
本地测试还可以,没发现你说的问题

谢谢..虽然最后实现了,用的原生的jquery 来动态改变mini-grid-vscroll的scrollTop

Rank: 1

地板
发表于 2021-1-29 16:59:59 |只看该作者
felt 发表于 2021-1-29 09:14
本地测试还可以,没发现你说的问题

还想咨询一下,虚拟滚动的机制。前提设置了虚拟滚动
问题:在目前已实现数据自己滚动的情况下,滚动到一定数据后就都是空白了
备注:原有的虚拟滚动在滑轮的辅助下可以不断的加载数据,有没有类似的机制 调用加载

Rank: 1

5#
发表于 2021-1-29 17:08:10 |只看该作者
felt 发表于 2021-1-29 09:14
本地测试还可以,没发现你说的问题

楼上说的这种情况就像例子里的http://www.miniui.com/BigTest/10000-datagrid.html
不要用滑轮,鼠标选中下拉框的↓箭头按住不动,只要不松开,数据后面就是空白了,松开鼠标就能加载上。
这松开鼠标一瞬间的机制我好想知道呀

Rank: 8Rank: 8

6#
发表于 2021-1-29 17:17:50 |只看该作者
vinson 发表于 2021-1-29 17:08
楼上说的这种情况就像例子里的http://www.miniui.com/BigTest/10000-datagrid.html,
不要用滑轮,鼠标选 ...

1 用我上面的这些代码未发现这样的情况
2 这是动态渲染,虚拟滚动下只绘制可视区域的数据,滚动之后判断再绘制可视区域数据。

Rank: 6Rank: 6

7#
发表于 2021-2-1 10:38:35 |只看该作者
vinson 发表于 2021-1-29 17:08
楼上说的这种情况就像例子里的http://www.miniui.com/BigTest/10000-datagrid.html,
不要用滑轮,鼠标选 ...

松开——记录滚动后的位置——计算这个位置的数据集——渲染dom
你松开前滚动没停止,是不渲染的

Archiver|普加软件

GMT+8, 2024-9-30 02:22 , Processed in 1.040491 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部