Question

我正在使用图片视图来显示图片。有人可以告诉我如何动态设置url值，以便我可以显示服务器的图像。以下是我正在尝试的代码。

Ext.define('MyApp.view.MyImage', {
    extend: 'Ext.Img',
    alias: 'widget.myimage',

    config: {
        height: 201,
        id: 'galimage',
        width: 201,
        src: 'http://localhost/galerie/albums/'+filepath+filename
    }

});

文件路径和文件名是我想用src＆gt;设置的变量。这些来自控制器。

请帮我找到解决方案。感谢。

Answer 1

试试这个，

Ext.define('MyApp.view.MyImage', {
extend: 'Ext.Img',
alias: 'widget.myimage',

config: {
    height: 201,
    id: 'galimage',
    width: 201,
    src: 'http://localhost/galerie/albums/'+filepath+filename
}
});

然后您可以像这样使用动态设置图像，

Ext.getCmp('galimage').setSrc("resources/Images/Img_Food_New.png"); // in setSrc you can give path of your image

                        OR

Ext.getCmp('galimage').setHtml('<img src="resources/Images/Img_Food_New.png" height="100%" width="100%"/>'); // in src you can give path of your image

希望这对你有所帮助。

Answer 2

在图像组件上使用setSrc（）

http://docs.sencha.com/touch/2-2/#!/api/Ext.Img-method-setSrc

如何在Sencha Architect中动态设置Ext.Img - ＆gt;“src”的值

2 个答案: