Ext.panel.Panel与Ext.Panel在ExtJS中的精确差异

Question

Ext.onReady(function () {
        var childPanel1 = Ext.create('Ext.Panel', {
           html: 'First Panel'
        });
        var childPanel2 = Ext.create('Ext.Panel', {
           html: 'Another Panel'
        });
        Ext.create('Ext.panel.Panel', {
           renderTo: Ext.getBody(),
           width: 100,
           height : 100,
           border : true,
           frame : true,
           items: [ childPanel1, childPanel2 ]
        });
     });  

我有上面的代码，我想知道Ext.Panel和Ext.panel.Panel做什么，如果两者不一样，它们之间有什么区别。

Answer 1

两者都有着相同的目的，但Ext.Panel是面板的现代工具包类，而Ext.panel.Panel是经典的工具包类panel.You不能在经典工具箱中运行现代工具包类，反之亦然。您可以在这两个工具箱中运行代码而不出现错误的唯一原因是，这些类的两个代码中都有一个属性alternateClassName，对于Ext.Panel，这是Ext.panel.Panel，反之亦然。您可以在下面查看它：

code of Ext.Panel

code of Ext.panel.Panel

至于真正的差异，您可以检查两个类的configs、properties、methods、events、theme variables和theme mixins。

Answer 2

他们是一样的。Ext具有内置到类系统中的功能，以便为类名提供别名：

console.log(Ext.panel.Panel === Ext.Panel);