在客户端的thymeleaf中继器中添加无限滚动

时间:2017-06-23 07:17:36

标签: jquery thymeleaf

我的应用程序使用Spring Boot和Thymeleaf。

我在百里香中使用转发器来显示如下内容 -

<div th:each="response : ${ctrlResponse}">
//display response data here
</div>

响应&#34; ctrlResponse&#34;可以有100多条记录。如果我一次渲染所有记录,它将影响我的页面性能。 在我之前的应用程序中,我使用了角度,我能够使用&#34; limitTo&#34;添加页面滚动。过滤。如何使用jquery实现这一目标?

我到过的问题是在到达目的地页面时从服务器获取数据。我无法做到这一点,因为我的控制器以JSON格式从REST服务获取响应并将其添加到ModelAndView。

ModelAndView mv = new ModelAndView("list");
Response response = helper.search(searchModel);
mv.addObject("ctrlResponse", response);

我只是希望我的转发器最初显示一组记录(比如10),然后在点击某个按钮或滚动页面时将下10条记录加载到DOM中。就像limitTs滤镜在angularjs中一样。

提前致谢!

更新

我能够在我的案例中实施G Birke's jQuery Pagination plugin 。此插件从包含HTML页面中所有数据的隐藏div获取数据块。根据{{​​3}}链接&#34;显示:无&#34;对页面呈现速度没有影响,因此如果我将HTML内容保存在隐藏的div中并以块的形式从中获取数据以分页形式显示,那么它应该是一个比显示所有数据更好的解决方案。

0 个答案:

没有答案