foundation-contentloaded and dialog-ready event listers fired before touch dialog loads all content - AEM 6.4

Question

I am doing some custom field level validation in touch UI. I can see the dialog-ready and foundation-contentloaded event fires before the dialog content is fully loaded which gives me empty value. I would want to know, Is there any event listener that i can use for triggering a call after my dialog is fully loaded with all widgets and its values.    (function(document, $) {
"use strict";

$(document).on("change", ".nutri-info-content", function(e) {
var val = $(".nutri-info-dropdown").val();  // This works 
if (val == "abc") {
$('.nutri-info-field').parent().hide();
}

});

$(document).on("foundation-contentloaded", function(e) {
    var val = $(".nutri-info-dropdown").val(); // Value is not coming. facing same problem even with dialog-ready event. 
    if (val == "abc") {
    $('.nutri-info-field').parent().hide();
    }
});

})(document, Granite.$);

arunpatidar · Accepted Answer

The events do work, could you please share your dialog xml?

(function(document, $) {
"use strict";
$(document).on("foundation-contentloaded", function(e) {
var item = $(".nutri-info-dropdown").val(); // Value is not coming. facing same problem even with dialog-ready event.
console.log(item);
});

$(document).on("change", ".nutri-info-dropdown", function(e) {
var item = $(".nutri-info-dropdown").val(); // This works
console.log(item);
});
})(document, Granite.$);

Kiran_Vedantam · Answer

Hi @anderson_hamer,

You can use dialog-ready for code to trigger once the dialog is fully loaded and dialog-closed to trigger a code once the dialog is closed.

Check the code in the question in the below URL:

https://stackoverflow.com/questions/49779675/dialog-ready-event-does-not-fire-when-dialog-opens-in-aem-6-1

Hope this helps!

Thanks,

Kiran Vedantam.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded