jQuery MiniUI

标题: 请问怎样实现grid数据的自动向上滚动.. [打印本页]

作者: vinson 时间: 2021-1-28 15:02:18 标题: 请问怎样实现grid数据的自动向上滚动..

目前有的思路就是
scrollIntoView(row)方法配合定时器，但是无法平滑过度，是跳跃性的
grid还使用了虚拟滚动virtualScroll= "true"的属性

作者: felt 时间: 2021-1-29 09:14:58

本地测试还可以，没发现你说的问题

function setScrollTop() {
var rows = grid.getData();
var index = grid.indexOf(rows[rows.length-1]);
setInterval(function () {
var r = grid.getRow(index);
grid.scrollIntoView(r);
index--;
}, 500);
}

复制代码

作者: vinson 时间: 2021-1-29 11:14:49

felt 发表于 2021-1-29 09:14
本地测试还可以，没发现你说的问题

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

作者: vinson 时间: 2021-1-29 16:59:59

felt 发表于 2021-1-29 09:14
本地测试还可以，没发现你说的问题

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

作者: vinson 时间: 2021-1-29 17:08:10

felt 发表于 2021-1-29 09:14
本地测试还可以，没发现你说的问题

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

作者: felt 时间: 2021-1-29 17:17:50

vinson 发表于 2021-1-29 17:08
楼上说的这种情况就像例子里的http://www.miniui.com/BigTest/10000-datagrid.html，
不要用滑轮，鼠标选 ...

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

作者: happylover1278 时间: 2021-2-1 10:38:35

vinson 发表于 2021-1-29 17:08
楼上说的这种情况就像例子里的http://www.miniui.com/BigTest/10000-datagrid.html，
不要用滑轮，鼠标选 ...

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)