冷融合中数据表的无限滚动答案

【问题标题】：infinite scroll for datatables in coldfusion冷融合中数据表的无限滚动
【发布时间】：2015-06-29 10:07:26
【问题描述】：

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

以下是我正在使用的代码：

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

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

谁能帮我在coldfusion中加入无限卷轴？

【问题讨论】：

【解决方案1】：

这是两种不同的技术，并且有不止一种解决方案——所有这些都可能超出了堆栈溢出的解释。让我看看能不能给你勾勒出来。除了@AnitKumar 的建议（这可能会奏效，但可能会违反其他要求），您需要：

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

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

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

【讨论】：