coldfusion

时间:2015-06-29 10:07:26

标签: javascript jquery html css coldfusion

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

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

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

我得到的只是带有滚动条的分页表。但我需要使用滚动动态加载数据,以便提高性能。

任何人都可以帮我在coldfusion中加入无限卷轴吗?

1 个答案:

答案 0 :(得分:2)

这是两种不同的技术,并且有多种解决方案 - 所有这些都可能超出了堆栈溢出的解释。让我看看我能否为你概述一下。除了@AnitKumar的建议(这可能会起作用但可能与其他要求相悖),你需要:

  1. 弄清楚如何以块的形式提取数据。这通常涉及查找数据的排序(id,日期等),然后提取部分。例如,您可以从id 1拉到100,然后从101拉到200,依此类推。或者您的数据库可能有一个“rownumber”类型函数,您可以将其添加到查询中,以便为您提供 要显示的行的方法。
  2. 创建一个以json形式返回数据的函数,可以从jQuery调用。
  3. 当您的用户向下滚动时,您会在用户访问这些行之前使用数据预先填充行。这需要一定程度的艺术和反复试验。
  4. 总结一下:您对数据的初始视图只会加载可见行(或许更多一些),并且您的滚动事件会触发您的JS调用您的CFC以引入更多行,这些行预先填入底部当滚动向上移动时,表格变得可见这有意义吗?

    注意:这个答案是理论上的,而不是典型的Stack Overflow。你应该真正体验一下,然后回过头来讨论与调试有关的更多具体问题。在发布此处之前尝试一些事情非常重要。只是友好的建议。 :)