Refresh page after editing component | Community
Skip to main content
S
Shaheena_Sheikh
March 11, 2021
Solved

Refresh page after editing component

  • March 11, 2021
  • 3 replies
  • 3182 views

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?

 

Best answer by Anudeep_Garnepudi

@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

 

3 replies

Anudeep_Garnepudi
Community Advisor
Anudeep_GarnepudiCommunity AdvisorAccepted solution
Community Advisor
March 11, 2021

@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

 

    Vaibhavi_J
    Vaibhavi_J
    March 11, 2021

    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()

      VeenaVikraman
      Community Advisor
      VeenaVikramanCommunity Advisor
      Community Advisor
      March 12, 2021
      @vaibhavi_j I doubt , if the page reloads before the Dialog is submitted, the changes will not be saved right ?
      Anudeep_Garnepudi
      Community Advisor
      Anudeep_GarnepudiCommunity Advisor
      Community Advisor
      March 12, 2021

      @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.
        Terms & ConditionsAccessibility statement

        Loading footer...