參考 ZTree 加載大數據量。加載慢問題解析


參考 ZTree 加載大數據量。


1、一次性加載大數據量加載說明

1)、zTree v3.x 針對大數據量一次性加載進行了更深入的優化,實現了延遲加載功能,即不展開的節點不創建子節點的 DOM。
2)、對於每級節點最多一百左右,但總節點數幾千甚至幾萬,且不是全部展開的數據,一次性加載的效果最明顯,速度非常快。
3)、對於某一級節點數就多達幾千的情況 延遲加載無效,這種情況建議考慮分頁異步加載。
4)、對於全部節點都展開顯示的情況,延遲加載無效,這種情況建議不要全部展開。
5)、顯示 checkbox / radio 會造成一定程度的性能下降。


2、分批異步加載大數據量

1)、對於某一級節點數多達幾千個的時候,zTree 默認的延遲加載是無效的,此 Demo 演示了一種原先 zTree v2.6 時的分批加載節點的方法。 2)、此方法適用於1、2千個節點必須全部顯示的需求。 3)、此方法並不能解決加載慢的問題,相反只會讓最終結果出現的更慢,只是可以有限度的避免瀏覽器假死,而且顯示的節點越多就越慢。 4)、對於某一級節點數至少幾千個的情況,另一個解決方案是:分頁異步加載。

 

3、分頁顯示大數據量

1)、分頁方案可以有效解決某一級節點數據超大的情況。 2)、分頁按鈕通過自定義控件的方法實現。 3)、分頁方案對於 checkbox 的關聯關系無能為力,只能每次翻頁后進行修正。由於時間關系,Demo 中不對 checkbox 的關聯進行任何修正處理。 4)、分頁方案中,從 zTree 得到的節點數據只有當前頁的節點數據,可以在每次翻頁后自行保存每頁的數據,作為緩存,具體情況要根據實際需求來決定。


原文鏈接:https://blog.csdn.net/xuke6677/article/details/19236455


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM