Refresh page after editing component | Community
Skip to main content
Level 6
Mar 11, 2021 11:04 AM UTC
Solved

Refresh page after editing component

I have a component with various fields in it along with image field. I want to refresh the page only when the image field is update. Right now I'm using edit:config to refresh page "afteredit". How can I refresh the page only when the image field is edited?

 

Anudeep_Garnepudi
Anudeep_GarnepudiAccepted solution
New Participant
Mar 11, 2021 11:49 AM UTC

@shaheena_sheikh 

cq:editConfig configuration are component specific not field specific.

cq:listeners (node type cq:EditListenersConfig) : defines what happens before or after an action occurs on the component.

Documentation: https://helpx.adobe.com/in/experience-manager/6-3/sites/developing/using/components-basics.html#EditBehavior

 

5 replies

Anudeep_Garnepudi
New Participant
Mar 12, 2021 12:36 PM UTC

@vaibhavi_j 

There is chance of race condition because form submit is async POST call and submit is a call back function. @veenavikraman point/case might be possible.

And most importantly cq:editConfig's cq:listener events will never reload the actual edit page, but the iframe(content iframe in edit mode) will be refreshed and edit overlay will be reinitialized/reset.

@shaheena_sheikh If you are want actually reload the actual page then you can try @vaibhavi_j approach, but

  1. Page will be reloaded like you refresh the page.
  2. You should not use dialog submit click event, but should use dialog-success. Which will be executed if dialog POST action is successful.
  3. Instead of setting flag attach event only if field is updated.
Translate
Vaibhavi_J
Level 7
Mar 11, 2021 7:20 PM UTC

Hi @shaheena_sheikh , 

 

If you need to refresh the page on specific field edit and not for the change in other field , option would be custom listner.. 

On change of field , set a flag. If flag is true, refresh a page with 

window.location.reload()

Translate
VeenaVikraman
New Participant
Mar 12, 2021 9:04 AM UTC
@vaibhavi_j I doubt , if the page reloads before the Dialog is submitted, the changes will not be saved right ?
Translate
Anudeep_Garnepudi
Anudeep_GarnepudiAccepted solution
New Participant
Mar 11, 2021 11:49 AM UTC

@shaheena_sheikh 

cq:editConfig configuration are component specific not field specific.

cq:listeners (node type cq:EditListenersConfig) : defines what happens before or after an action occurs on the component.

Documentation: https://helpx.adobe.com/in/experience-manager/6-3/sites/developing/using/components-basics.html#EditBehavior

 

Translate