如何在使用分页的页面上实现next / prev按钮?

时间:2015-08-04 01:40:47

标签: pagination navigation

我有一个分页的项目列表。我现在需要在每个项目页面上实现上一个/下一个按钮,这些按钮将转到整个列表中的下一个或上一个项目。这与消息屏幕中的gmail&next / prev按钮相同: enter image description here

如何在通过分页分割的页面上实现此类导航?我应该补充一点,我也对页面上的项目进行了自定义排序。

我的技术堆栈是python / flask / js / jquery和postgresql。 分页已经在Flask-SqlAlchemy的分页类中实现。

2 个答案:

答案 0 :(得分:1)

使用:

DropDownListFor

你可以得到:

obj_pagination = query.paginate(page, row_per_page)

使用page_info ['has_prev']检查是否有上一页(与page_info ['has_next']相同)...

答案 1 :(得分:0)

在获得任何有用的答案之前,您可能需要列出您希望执行此操作的技术。它可以在后端和前端使用多种技术来完成。

在不了解具体技术的情况下,通常通过传递一个参数来完成,该参数定义了与您提到的内容相关的一些内容。那些被请求的页面(例如:第2页),任何排序参数(例如:字母),有时候每页的结果数量。

无论是在前端还是后端处理,您都可以获取总结果或类似Postgresql的请求,例如使用LIMIT and Offset来获取一组特定的结果。

因此,在您的情况下,单击下一个/上一个按钮将传递+1或-1当前页面并使用乘以每页结果的数据来生成数据库请求。