在Ext.Js窗口中加载外部图像

Question

我需要知道如何加载外部图像，例如http://www.google.co.za/intl/en_com/images/logo_plain.png进入新的ExtJs窗口。

Answer 1

如果这是EXTjs窗口中的唯一内容，则可以使用窗口配置中的html选项进行设置。像这样的东西

var win = new Ext.Window({
    html: '<img src="http://www.google.co.za/intl/en%5Fcom/images/logo%5Fplain.png" />',
    height: 150,
    width: 250
});

如果窗口中有更多内容，则可以将html添加到图像容器的html属性中

现在它显示完美

Answer 2

请仔细查看body属性文档：

  

body：Ext.Element

     

小组的身体元素可能是   用于包含HTML内容。该   内容可以在html中指定   配置，或者可以使用   autoLoad配置，或通过   Panel的更新程序。只读。如果是这样的话   用于加载可见的HTML元素   无论哪种方式，小组可能不是   用作托管嵌套的布局   面板。如果本小组是打算的   用作布局的主机（参见   布局然后身体元素不能   加载或更改 - 它是在   控制面板的布局。