EXTJS - 如何在tabpanel中浏览选项卡时保持DOM更轻松？

Question

我有一个extjs＆gt; 4应用程序，它使用tabpanels作为菜单。在每个选项卡下都有内容（包含容器等的视图）。

我注意到extjs正确处理了DOM，并没有呈现我的应用程序所拥有的一切。它只呈现活动选项卡。

例如

       Ext.query('*').length = 805 //tab1
       Ext.query('*').length = 1052 //tab2
       Ext.query('*').length = 900 //tab3

我可以看到这一点，因为我保持了状态。因此，在刷新页面后，激活最后一个激活的选项卡。 然而，在我浏览标签后，DOM变得更加沉重。 Ext.query（'*'）变为

      Ext.query('*').length = 5500//example

所以这是我的问题。

如何在浏览标签时保持DOM更轻？

最佳解决方案是保持开始状态。例如，当激活tab1时，只保留与tab1相关的人员，当激活tab2时，只保留与tab2相关的人员等，就像刷新页面时一样。

Answer 1

首先，您需要deferredRender:true。它默认为true，只是确认您不会更改它。

然后，您可以看到this example以了解如何保持标签面板的状态（activeTab）。

它应该有所帮助，因为恢复状态在选项卡面板及其选项卡与deferredRender一起呈现之前运行它应该最终只显示活动选项卡。