Extjs中的容器与面板

Question

我有一个关于Extjs的问题

我已经阅读了关于Sencha doc的官方文档,但我对2种Component有些困惑.那就是Container和Panel.

Container和Panel有什么区别？在哪种情况下应该使用哪种？

任何答案都非常感谢.

Answer 1

容器的文档摘录:

任何可能包含其他组件的Ext.Component的基类.容器处理包含项目的基本行为,即添加,插入和删除项目.

最常用的Container类是Ext.panel.Panel,Ext.window.Window和Ext.tab.Panel.如果您不需要上述类提供的功能,则可以使用autoEl config选项创建一个轻量级容器,以便通过HTML元素将其封装到您的规范中.

这意味着,Panel扩展了Container,这意味着它可以做更多的事情.例如,它有一个头并支持dokedItems(即工具栏),可以关闭(比较两个组件的其他事件),而容器默认没有这样的东西.

一般的经验法则是:当您不需要面板的功能时,即在您只需要托管其他孩子时,总是使用简单的容器.

Answer 2

永远记住面板比容器重得多.因此只需要使用它.