2015-06-29 59 views
1

我對jQuery和ColdFusion很新。我有一個查詢一次獲取近1000個數據,因此網站的性能非常緩慢。 我試圖在我的頁面上實現jQuery無限滾動而不使用分頁只是滾動和搜索選項。在Coldfusion中的數據表的無限滾動

的foloowing是我使用的代碼:

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

我所得到的是隻是一個分頁表滾動。但我需要使用滾動動態加載數據,以提高性能。

任何人都可以幫助我在Coldfusion中包含無限滾動嗎?

+0

您可能必須緩存該請求。在查詢中使用cachedWithin –

回答

2

這些是兩種不同的技術,並有多個解決方案 - 所有這些都可能超出堆棧溢出解釋。讓我看看我能否爲你勾畫它。比@AnitKumar的建議(這可能做的伎倆,但可能發生衝突的其他要求運行)等,你將需要:

  1. 圖如何在數據塊中的數據拉。這通常涉及到爲您的數據(ID,日期等)查找排序,然後拉出部分。例如,你可能從id 1到100,然後是101到200等等。或者你的數據庫可能有一個「rownumber」類型的函數,你可以添加到查詢中,爲你提供一種方法來提取只需你想要顯示的行。
  2. 創建一個函數,將數據作爲json返回,並且可以從jQuery中調用。
  3. 隨着用戶向下滾動,您可以在用戶進入這些行之前預先填充包含數據的行。這需要一定程度的藝術和試驗和錯誤。

總結:您的數據的初始視圖會加載可見行(可能還有更多),並且您的滾動事件觸發您的JS調用您的CFC以引入更多行,這些行是預先填充的到桌子的底部,當滾動向上移動時變得可見。那有意義嗎?

注意:這個答案是理論上的,並不是典型的Stack Overflow。你應該更多的體驗一下,回來一些更具體的調試問題。在您發佈之前,嘗試一些事情很重要。只是友好的建議。 :)