我尝试在现有图像或现有面板上呈现图像,但出现错误。根据文档,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()
}
1条答案
按热度按时间jk9hmnmh1#
尽量避免从ExtJ访问HTML。框架对开发人员隐藏了它。面板在初始化面板时不会呈现,您必须在afterrender事件处理程序中放入适当的逻辑:
要设置类的属性,可以使用initComponent方法(类似于类的构造函数)。