Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 优化Ext.tree.TreePanel性能_Javascript_Performance_Extjs_Extjs3 - Fatal编程技术网

Javascript 优化Ext.tree.TreePanel性能

Javascript 优化Ext.tree.TreePanel性能,javascript,performance,extjs,extjs3,Javascript,Performance,Extjs,Extjs3,我有一个用于AsyncTreeNodes的Ext.tree.TreePanel。问题是,最初 根节点需要有1000多个子节点。我成功地优化了DB性能,但JavaScript性能非常糟糕——添加和渲染1200个节点需要25秒。我知道操作页面的DOM是一个缓慢的操作,但也许有一些方法可以优化初始呈现过程。我认为优化一个有这么多节点的树不会有什么好运气。有没有任何方法可以使用网格来传递信息?您至少可以用它设置分页,而且可能会快得多。您还可以在网格上实现行扩展器UX,其行为类似于每行的树。您可以创建具有

我有一个用于AsyncTreeNodes的Ext.tree.TreePanel。问题是,最初
根节点需要有1000多个子节点。我成功地优化了DB性能,但JavaScript性能非常糟糕——添加和渲染1200个节点需要25秒。我知道操作页面的DOM是一个缓慢的操作,但也许有一些方法可以优化初始呈现过程。

我认为优化一个有这么多节点的树不会有什么好运气。有没有任何方法可以使用网格来传递信息?您至少可以用它设置分页,而且可能会快得多。您还可以在网格上实现行扩展器UX,其行为类似于每行的树。

您可以创建具有较低DOM占用空间的自定义树节点UI。换句话说,将用于创建树的每个节点的HTML更改为不太详细(可能也不太灵活)的HTML

以下是一些相关参考资料:


享受。

您还可以使用DataView来减轻DOM的占用。