使用web listview实现无限滚动

Question

我知道listview的web版本没有开箱即用的无限滚动功能,就像移动设备一样.我仍然需要在我的解决方案中实现这一点,我不确定从哪里开始.我拥有的所有想法都需要我再次实现所有数据.所以假设我有25行加载.你到达滚动点并且它加载了25个,我实现它的方式它会重新加载前25个并再加25个.这当然会越慢,你走的越多,所以这不是一个选择哈哈有没有成功做过这样的事情？有没有好的开源无限滚动解决方案？任何提示/信息/代码将不胜感激.

谢谢!

Answer 1

我最终想出了一个解决方案。带网格的虚拟滚动不是我想要的。我放弃了列表视图并使用数据源和普通剑道模板渲染。

这是它的工作原理...我的数据有一个父级 div。我将一个事件附加到我的数据源更改事件，一旦读取新的数据页，父 div 就会附加一个子 div，在其中呈现新的数据页。到目前为止，这对我来说是完美的。

所以我的 DOM 看起来像这样。

<div id="EndlesslyScrollabledata" >
    <div id="DataPage1">
       .....
   </div>
    <div id="DataPage2">
       .....
   </div>
</div>
<button> Load more data </button>

每次单击“加载更多数据”都会将数据源移动到下一页，附加下一个“DataPage”，并使用附加“DataPage”内的数据呈现模板。