1. #1
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    303
    Answers
    8
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default Answered: How to render an image dynamically?

    Answered: How to render an image dynamically?


    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..
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  2. Quote Originally Posted by talha06 View Post
    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.

  3. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,499
    Answers
    527
    Vote Rating
    286
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    What do you mean by 're-render'?

  4. #3
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    303
    Answers
    8
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    @skirtle
    I mean refreshing the image on demand after its first render
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  5. #4
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Answers
    124
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    Hi talha06,

    FormPanel class have doLayout() method, call this method when you want to see changes. like-
    Code:
    yourFormPanel.doLayout();
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  6. #5
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    303
    Answers
    8
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    @sword-it
    actually I've already tried it; but unfortunately it didn't work too..
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

  7. #6
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,499
    Answers
    527
    Vote Rating
    286
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Quote Originally Posted by talha06 View Post
    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.

  8. #7
    Sencha User talha06's Avatar
    Join Date
    Jul 2009
    Location
    Turkey
    Posts
    303
    Answers
    8
    Vote Rating
    0
    talha06 is on a distinguished road

      0  

    Default


    Quote Originally Posted by skirtle View Post
    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.
    Code:
    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.
    "People will never forget how you made them feel."
    linkedin.com/in/talhakabakus

Thread Participants: 2

Tags for this Thread