Coldfusion 中数据表的无限滚动

Question

我对 jquery 和 ColdFusion 还很陌生。我有一个查询，它一次获取近 1000 个数据，因此网站的性能非常慢。我正在尝试在我的页面上实现 jQuery 无限滚动，而无需仅使用滚动和搜索选项的分页。

下面是我使用的代码：

$('#tblApprovedRequests').dataTable( {
     "bScrollInfinite": true,
     "bScrollCollapse": true,
     "sScrollY": "200px"
} );

我得到的只是带有卷轴的分页 table。但我需要数据随滚动动态加载，以便提高性能。

谁能帮我在 coldfusion 中加入 infinite scroll 吗？

Answer 1

这是两种不同的技术，并且有不止一种解决方案 - 所有这些可能都超出了堆栈溢出的解释范围。让我看看是否可以为您概述。除了@AnitKumar 的建议（可能有用，但可能运行与其他要求冲突），您还需要：

弄清楚如何分块提取数据。这通常涉及为您的数据（id、日期等）找到一种排序，然后提取部分。例如，您可以从 id 1 拉到 100，然后从 101 拉到 200，依此类推。或者您的数据库可能有一个 "rownumber" 类型的函数，您可以将其添加到查询中，以提供一种方法来提取仅您想要显示的行。
创建一个 returns 数据为 json 并且可以从 jQuery.
当您的用户向下滚动时，您会在用户到达这些行之前用数据预先填充这些行。这需要一定程度的艺术和反复试验。

总而言之：您对数据的初始视图仅加载可见行（可能更多），并且您的滚动事件触发您的 JS 调用您的 CFC 以引入更多预先挂起的行table 的底部，随着滚动向上移动而变得可见。这有意义吗？

注意：这个答案是理论上的，不是 Stack Overflow 的典型答案。你真的应该多做一些实验，然后带着与调试相关的更具体的问题回来。在 post 之前尝试一些事情很重要。只是友好的建议。 :)

infinite scroll for datatables in coldfusion