Javascript Extjs中的容器与面板

我有一个关于Extjs的问题

我已经阅读了Sencha doc的官方文件，但是我对两种组件有一些混淆，那就是容器和面板

容器和面板之间的区别是什么？在哪种情况下应该使用哪种方法

非常感谢您的回答。

摘自：

可能包含其他组件的任何外部组件的基类。 容器处理包含项的基本行为，即 添加、插入和删除项目

最常用的容器类是Ext.panel.panel， Ext.window.window和Ext.tab.Panel。如果您不需要 上述类提供的功能可以创建 轻量级容器，由HTML元素封装到 通过使用autoEl配置选项指定

这意味着，面板扩展了容器，这意味着它可以做更多的事情。例如，它有一个标题并支持dokedItems（即工具栏），可以关闭（还可以比较这两个组件的其他事件），而容器默认情况下没有这样的东西

---

一般的经验法则是：当您不需要面板的功能时，即当您只需要容纳其他孩子时，始终使用简单的容器。

始终记住面板比容器重得多。因此，只需要使用它

安德烈一世很好地解释了这个过程，这里还有一个。在本文档中，Sencha团队详细介绍了如何为以下三个小部件选择正确的类进行扩展：

组件

，

容器

&

面板

选择最好的类进行扩展主要是效率问题， 以及基类必须提供哪些功能

---

面板->容器->组件（面板从容器扩展，容器从组件扩展）