Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript coldfusion中数据表的无限滚动_Javascript_Jquery_Html_Css_Coldfusion - Fatal编程技术网

Javascript coldfusion中数据表的无限滚动

Javascript coldfusion中数据表的无限滚动,javascript,jquery,html,css,coldfusion,Javascript,Jquery,Html,Css,Coldfusion,我对jquery和ColdFusion非常陌生。我有一个查询,它一次获取了近1000个数据,因此站点的性能非常慢。 我试图在我的页面上实现jQuery无限滚动,而不只是使用滚动和搜索选项的分页 下面是我正在使用的代码: $('#tblApprovedRequests').dataTable( { "bScrollInfinite": true, "bScrollCollapse": true, "sScrollY": "200px" } ); 我得到的只是一张有卷

我对jquery和ColdFusion非常陌生。我有一个查询,它一次获取了近1000个数据,因此站点的性能非常慢。 我试图在我的页面上实现jQuery无限滚动,而不只是使用滚动和搜索选项的分页

下面是我正在使用的代码:

$('#tblApprovedRequests').dataTable( {
     "bScrollInfinite": true,
     "bScrollCollapse": true,
     "sScrollY": "200px"
} );
我得到的只是一张有卷轴的分页表格。但是我需要使用滚动动态加载数据,以便提高性能


有人能帮我在coldfusion中加入infinite scroll吗?

这是两种不同的技术,有不止一种解决方案——所有这些都可能超出堆栈溢出的解释范围。让我看看能不能给你概括一下。除了@AnitKumar的建议(这可能会起作用,但可能会与其他要求相冲突),您需要:

  • 找出如何将数据分块拉入。这通常包括为您的数据(id、日期等)找到排序,然后拉出部分。例如,您可以从ID1拉到100,然后从101拉到200,依此类推。或者,您的数据库可能有一个“rownumber”类型的函数,您可以将其添加到查询中,以提供一种方法,仅提取要显示的行
  • 创建一个函数,该函数以json的形式返回数据,并且可以从jQuery调用
  • 当用户向下滚动时,在用户访问这些行之前,您会使用数据预填充这些行。这需要一定的艺术水平和反复试验
  • 总而言之:您对数据的初始视图只加载可见的行(可能还有更多),而您的scroll事件触发您的JS调用您的CFC来引入更多的行,这些行被预先挂起到表的底部,并随着滚动的向上移动而变得可见。这有意义吗


    注意:这个答案是理论上的,不适用于堆栈溢出。您应该进行更多的实验,并提出与调试相关的更具体的问题。在这里发布之前,尝试一些东西是很重要的。只是友好的建议。:)

    您可能需要缓存请求。在查询中使用cachedWithin