如何在Sencha Architect中動態設置Ext.Img - >「src」的值

Question

我正在使用Image view來顯示圖像。有些人可以告訴我如何動態地設置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 

希望這可以幫助你。

Answer 2

使用setSrc（）的圖像組件上

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