我尝试在现有图像或现有面板上呈现图像，但出现错误。根据文档，renderTo:后面可以跟 * 元素的ID、DOM元素或此组件将呈现到的现有元素。*
但是，我总是得到错误。下面是我的代码：

Ext.application({
    name: 'Fiddle',

    launch: function () {

        Ext.define('MyPanel', {
            extend: 'Ext.panel.Panel',
            title: 'My Panel',
            width: 690,
            height: 410,
            itemId: 'pp2',
            renderTo: Ext.getBody(),
            items: [{
                xtype: 'image',
                itemId: 'pp',
                id: 'pp1',
                height: 250,
                width: 350,
                src: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
            }]
        });

        var p = Ext.create('MyPanel');

        var crop = Ext.create('Ext.Img', {
            height: 165,
            width: 220,
            src: 'https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg',
            renderTo: Ext.getBody(),
            //renderTo: Ext.ComponentQuery.query('MyPanel[itemId=pp]').getEl().dom
            //renderTo: Ext.ComponentQuery.query('MyPanel').getEl().dom
            //renderTo: 'pp2'
        });
    }
});

因此，使用renderTo: Ext.getBody(),可以正常工作，但如果我想在面板上渲染图像，当我尝试指定dom时，它会失败。
在同一个问题中，另一个问题突然出现在我的脑海中。如何指定一个函数作为特定方法的参数？例如，在前面的例子中，下面的代码块也是不正确的：

renderTo: function(){
    return Ext.getBody()
}