Почему renderTo не работают в xtype

Question

Простой код:

var myPanel = { 
    xtype : 'panel', 
    height : 100, 
    width : 100, 
    html : 'Hello!', 
    renderTo:Ext.getBody() 
}; 

Почему renderTo не работают в xtype? Но этот код работал:

Ext.define('MyApp.CustomClass', { 
    extend: 'Ext.panel.Panel', 
    alias: 'widget.myCustomComponent' 
}); 

new Ext.Panel({ 
    renderTo:Ext.getBody(), 
    items : [{ 
     xtype : 'myCustomComponent', 
     html:'World' 
    }] 
}); 

Answer 1

В ниже вы не инициализирует панель, вам нужно вызвать его/Передать его в ExtJS разобрать и инициализировать класс. Эта часть кода - это просто объект Javascript, ExtJs не знает об этом.

var myPanel = { 
    xtype: 'panel', 
    height: 100, 
    width: 100, 
    html: 'Hello!', 
    renderTo: Ext.getBody() 
}; 

Чтобы инициализировать это с помощью ExtJs, вам необходимо использовать вызов Ext.create, как показано ниже.

var myPanel = { 
    xtype: 'panel', 
    height: 100, 
    width: 100, 
    html: 'Hello!', 
    renderTo: Ext.getBody() 
}; 

Ext.create(myPanel); 

Также здесь есть fiddle демо