Expand my Community achievements bar.

SOLVED

Touch ui event listener issue

Avatar

Level 4

I am facing one issue in AEm 6.1 touch ui with event listener. When I open the dialog first time after page refresh  my code inside $(document).on("dialog-ready") or  $(document).on("foundation-contentloaded") doesnt get executed

If I open second time with out page refresh I see it goes inside those functions

I am using extraclientlibs on dialog to invoke

extraClientlibs="[mycategory.for.eventlistener]"

is there any issue with this in AEM 6.1

1 Accepted Solution

Avatar

Correct answer by
Administrator

why don't you use Jquery Validator plugin for Touch UI Validation: Validation — Granite UI 1.0 documentation

For standard events, you can use the approach mentioned in this article:- Adobe Experience Manager Help | Using Event Handlers in Adobe Experience Manager Touch UI Components

PS: Jquery Validator is deprecated now (AEM 6.3), now Foundation validation framework is recommended foundation-validation — Granite UI 1.0 documentation  .

-Kautuk



Kautuk Sahni

View solution in original post

2 Replies

Avatar

Correct answer by
Administrator

why don't you use Jquery Validator plugin for Touch UI Validation: Validation — Granite UI 1.0 documentation

For standard events, you can use the approach mentioned in this article:- Adobe Experience Manager Help | Using Event Handlers in Adobe Experience Manager Touch UI Components

PS: Jquery Validator is deprecated now (AEM 6.3), now Foundation validation framework is recommended foundation-validation — Granite UI 1.0 documentation  .

-Kautuk



Kautuk Sahni

Avatar

Level 4

jquery validator is deprecated, may not be used in future.

It seems that there is an issue with AEM loading dialog-ready function using extraClientlibs attribute in AEM 6.1,

it doesn't load first time

I resolved by creating a generic function which loads when script is called

Only issue with this fix is it calls my function multiple times

1. during page load

2. during dialog open

3. during dialog-ready