改进表分页逻辑

时间:2011-08-05 11:12:31

标签: jquery data-binding paging datatables

我有一个GridView填充了最近的100个文档记录(标题,描述,作者,CreationDate)。 我使用DataTable jQuery插件来提供更多功能,例如:列拖放,搜索,分页。

由于文件的总数可能非常高(记录的数量),我决定将提供的数据限制为仅100个条目。这将满足近90%的情况。
但是有些用户可能还需要搜索/查看旧文档。因此,我需要进一步实现逻辑,以允许加载“更多”100条记录。

我的流程如下:
1)首先加载100个条目 2)提供额外按钮 - >点击后再将100个条目推入表格(因此有200条记录)。

由于我不喜欢真正插入额外的按钮以“推送”新数据,如何以更好的方式实现这一目标?

1 个答案:

答案 0 :(得分:1)

您可以使用数据表“bScrollInfinite:true”选项。您还需要指定sScrollY选项以表示数据表的高度。

设置这些选项后,您的用户可以向下滚动,当数据表检测到它们接近页面底部时,它会自动将更多数据加载到底部。

"bScrollInfinite": true,
"sScrollY": 350,