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

Posted 2023-02-25

【中文标题】如何在 Sencha Architect 中动态设置 Ext.Img ->"src" 的值

【英文标题】：How can I set a value for Ext.Img ->"src" dynamically in Sencha Architect

【发布时间】：2013-03-29 11:50:46

【问题描述】：

我正在使用图像视图来显示图像。可以告诉我如何动态设置 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 设置的变量 > 这些来自控制器。

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

【参考方案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"  />'); // in src you can give path of your image

希望这对你有帮助。

【讨论】：

感谢光辉。您提供的解决方案非常好，很有帮助。它帮助我解决了我的问题。谢谢。

如何将图像保存到手机内存中，SD卡点击事件？

【参考方案2】：

在图像组件上使用 setSrc()

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

【讨论】：

嗨...感谢您为我提供此链接，它非常有帮助。

点击图片时如何将图片保存到手机...？