How to render an image dynamically?

[talha06]

Hello everyone,

I need to re-render an image (Ext.Image) after some events.
I found `doComponentLayout` function but it didn't work for me unfortunately.


How can I re-render an image which is an item of form?

Thanks in advance..

[skirtle]

What do you mean by 're-render'?

[talha06]

@skirtle
I mean refreshing the image on demand after its first render

[sword-it]

Hi talha06,

FormPanel class have doLayout() method, call this method when you want to see changes. like-

yourFormPanel.doLayout();

[talha06]

@sword-it
actually I've already tried it; but unfortunately it didn't work too..

[skirtle]

I mean refreshing the image on demand after its first render

I'm still pretty unclear what the question is here. For example, you might mean...

1. Load a different image URL.
2. Reload the same image URL but a different image.
3. Resize the image component.

To load a new image just use setSrc. To reload the same image the easiest way is to append a dummy parameter onto the URL.

[talha06]

I'm still pretty unclear what the question is here. For example, you might mean...

1. Load a different image URL.
2. Reload the same image URL but a different image.
3. Resize the image component.

To load a new image just use setSrc. To reload the same image the easiest way is to append a dummy parameter onto the URL.

thanks for your help, by the way it's not necessary to change src. it's enough to call setSrc method to refresh image.

img.setSrc(img.src);

But I think this should come by framework, a method like refresh can be a lot more suitable solution.

Thanks everyone for care.