求教一个有关ext的问题

Question

Ext.onReady(function(){
Ext.MyPanel3=Ext.extend(Ext.Panel ,{
renderTo:Ext.getBody(),
xtype:"panel",
title:"我的面板",
width:400,
height:250,
initComponent: function(){
Ext.MyPanel3.superclass.initComponent.call(this);
}
});
});
请问为什么这个面板在页面上没有显示？

Answer 1

Ext.onReady(function(){
    Ext.MyPanel3=Ext.extend(Ext.Panel ,{
        renderTo:Ext.getBody(),
        xtype:"panel",
        title:"我的面板",
        width:400,
        height:250,
        initComponent: function(){
            Ext.MyPanel3.superclass.initComponent.call(this);
        }
    });
    new Ext.MyPanel3();
})

Answer 2

Ext.extend方法是用于扩展子类，扩展后如果需要实例化对象，那就new一个，一个类是不会被渲染的，只有UI对象才会被渲染。