javascript - Ext.tree.TreePanel のパフォーマンスの最適化

Question

AsyncTreeNodes で Ext.tree.TreePanel を使用しています。問題は、最初にルート ノードに 1000 を超える子孫が必要なことです。DB パフォーマンスの最適化には成功しましたが、JavaScript のパフォーマンスはひどいもので、1200 ノードの追加とレンダリングに 25 秒かかりました。ページの DOM を操作するのが遅い操作であることは理解していますが、初期レンダリング プロセスを最適化する方法があるかもしれません。

Answer 1

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

楽しみ。

Answer 2

それほど多くのノードを持つツリーを最適化することは、あまりうまくいかないと思います。グリッドを使用して情報を配信する方法はありますか? 少なくともそれでページングを設定でき、おそらくはるかに高速になります。グリッドに行エキスパンダー UX を実装することもできます。これは、行ごとに一種のツリーのように動作します。