如何在Sencha Architect中动态设置Ext.Img - >"src"的值

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
    }

}); 

filepath和filename是我想用src设置的变量>这些变量来自控制器.

请帮我找到解决方案.谢谢.

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

希望这可以帮到你.