Точная разница между 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 - классический класс панели инструментов. Вы не можете запустить современный класс набора инструментовв классическом инструментарии и наоборот.Единственная причина, по которой вы можете запускать свой код в обоих наборах инструментов без ошибок, заключается в том, что в обоих кодах этих классов есть свойство 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);