優化Ext.tree.TreePanel性能

Question

我有一個與AsyncTreeNodes一起使用的Ext.tree.TreePanel。問題是最初 根節點需要有超過1000個後代。我成功地優化了數據庫性能，但JavaScript性能非常糟糕 - 爲添加和渲染1200個節點需要25秒。我明白，操縱頁面的DOM是一個緩慢的操作，但也許有一些方法來優化初始渲染過程。

Answer 1

我認爲你不會有太多的運氣來優化一個有很多節點的樹。有沒有什麼方法可以使用網格來傳遞信息？你至少可以設置分頁，這可能會快得多。你也可以在網格上實現行擴展器UX，對於每一行，它的行爲就像樹一樣。

Answer 2

您可以創建具有較低DOM佔用空間的自定義樹節點UI。換句話說，將用於創建樹的每個節點的HTML更改爲一些不太靈活（可能不太靈活）的HTML。

這裏是執行的一些參考：

http://github.com/jjulian/ext-extensions/blob/master/IndentedTreeNodeUI.js

http://david-burger.blogspot.com/2008/09/ext-js-custom-treenodeui.html

享受。