Javascript 优化Ext.tree.TreePanel性能
我有一个用于AsyncTreeNodes的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,其行为类似于每行的树。您可以创建具有
根节点需要有1000多个子节点。我成功地优化了DB性能,但JavaScript性能非常糟糕——添加和渲染1200个节点需要25秒。我知道操作页面的DOM是一个缓慢的操作,但也许有一些方法可以优化初始呈现过程。我认为优化一个有这么多节点的树不会有什么好运气。有没有任何方法可以使用网格来传递信息?您至少可以用它设置分页,而且可能会快得多。您还可以在网格上实现行扩展器UX,其行为类似于每行的树。您可以创建具有较低DOM占用空间的自定义树节点UI。换句话说,将用于创建树的每个节点的HTML更改为不太详细(可能也不太灵活)的HTML 以下是一些相关参考资料:
享受。您还可以使用DataView来减轻DOM的占用。