Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

List of Events in Touch UI AEM 6.2

mac4ru
Level 2
Level 2

Can someone share the list of events in touch UI for AEM 6.2.Apart from the below events

(function ($, $document) {
    "use strict";

    $document.on("dialog-ready", function() {
        //$(window).adaptTo("foundation-ui").alert("Open", "Dialog now open, event [dialog-ready]");
    });

    $(document).on("click", ".cq-dialog-submit", function (e) {
        //$(window).adaptTo("foundation-ui").alert("Close", "Dialog closed, selector [.cq-dialog-submit]");
    });

    $document.on("dialog-ready", function() {
        document.querySelector('form.cq-dialog').addEventListener('submit', function(){
            //$(window).adaptTo("foundation-ui").alert("Close", "Dialog closed, selector [form.cq-dialog]");
        }, true);
    });

    $document.on("dialog-success", function() {
        //$(window).adaptTo("foundation-ui").alert("Save", "Dialog content saved, event [dialog-success]");
    });

    $document.on("dialog-closed", function() {
        //$(window).adaptTo("foundation-ui").alert("Close", "Dialog closed, event [dialog-closed]");
    });
})($, $(document));

 

TIA

Mahesh

1 Accepted Solution
kautuk_sahni
Correct answer by
Community Manager
Community Manager

You can take indirect help of Touch UI validations.

See this article :- http://www.nateyolles.com/blog/2016/02/aem-touch-ui-custom-validation

// AEM Touch UI Custom Validation

The  selector property ties the validator to the form elements on the page. The property accepts any jQuery selector such as a class ( .my-class-name), type ( INPUT) or attribute ( INPUT[type="text"]) selectors. The  validate property is the function that validates the form element's input. The function provides the form element as a jQuery object as the single available parameter. The field is treated as invalid if this function returns a string literal as the validation error message.

So here in validate function you can perform your actions.

 

Also please have a look at this community article :-

Link:-http://experience-aem.blogspot.com/2015/02/aem-6-sp2-touch-ui-dialog-before-submit.html

And do watch this ask the expert session :-"http://scottsdigitalcommunity.blogspot.ca/2015/04/april-session-of-ask-aem-community.html"

 

I hope this would help you.

~kautuk

View solution in original post

2 Replies
smacdonald2008
Level 10
Level 10

The Touch UI API  does not have event handler in AEM like the Classic UI has.

See this Ask the AEM community webinar on this subject: 

http://scottsdigitalcommunity.blogspot.ca/2015/04/april-session-of-ask-aem-community.html

kautuk_sahni
Correct answer by
Community Manager
Community Manager

You can take indirect help of Touch UI validations.

See this article :- http://www.nateyolles.com/blog/2016/02/aem-touch-ui-custom-validation

// AEM Touch UI Custom Validation

The  selector property ties the validator to the form elements on the page. The property accepts any jQuery selector such as a class ( .my-class-name), type ( INPUT) or attribute ( INPUT[type="text"]) selectors. The  validate property is the function that validates the form element's input. The function provides the form element as a jQuery object as the single available parameter. The field is treated as invalid if this function returns a string literal as the validation error message.

So here in validate function you can perform your actions.

 

Also please have a look at this community article :-

Link:-http://experience-aem.blogspot.com/2015/02/aem-6-sp2-touch-ui-dialog-before-submit.html

And do watch this ask the expert session :-"http://scottsdigitalcommunity.blogspot.ca/2015/04/april-session-of-ask-aem-community.html"

 

I hope this would help you.

~kautuk

View solution in original post