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是面板的经典工具箱类。您不能在经典工具箱中运行现代工具箱类，反之亦然。您可以在两个工具箱中都正确运行代码的唯一原因是，这两个类的两个代码中都有一个属性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);

ExtJS中Ext.panel.Panel和Ext.Panel之间的确切区别

2 个答案: