Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

How to trigger reload of Touch UI component after modification?

Avatar

Level 4

Hello,

I have Touch UI component which on $(document).ready() laod information from some external API.

Parameters for this call are stored in dialog and I want to reload only this component(Refresh self) after dialog edit action performed.

I've tried to configure afteredit listener in _cq_editConfig.xml. But, content of the page is displayed in IFrame.

What is the best way to trigger initialization method?

Thanks

Alex

1 Accepted Solution

Avatar

Correct answer by
Administrator

i would recommend you to use "Touch UI validation" [1].

Please have a look at this reference implementation article :-http://www.nateyolles.com/blog/2016/02/aem-touch-ui-custom-validation

// Here from the validate function you can trigger any Ajex call.

I hope this would help you.

[1]https://docs.adobe.com/docs/en/aem/6-2/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/component...

 

~kautuk



Kautuk Sahni

View solution in original post

4 Replies

Avatar

Level 10

When the values in the dialog are changes - are they not reflected in the component? 

Avatar

Level 4

Dialog changes are reflected in the html.

But, I have some js code, which take data attributes  and perform Ajax request

On initial load it performed on document ready.

Avatar

Correct answer by
Administrator

i would recommend you to use "Touch UI validation" [1].

Please have a look at this reference implementation article :-http://www.nateyolles.com/blog/2016/02/aem-touch-ui-custom-validation

// Here from the validate function you can trigger any Ajex call.

I hope this would help you.

[1]https://docs.adobe.com/docs/en/aem/6-2/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/component...

 

~kautuk



Kautuk Sahni

Avatar

Administrator

Also please have a look at all the comments shared in this old forum post:

Link:- http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manage...

// 1.  Trigger event with touch UI events...

   2. Overlay 

~kautuk



Kautuk Sahni