Problem occur when same dialog-ready function get invoked on 2 different dialog load

[shikhas10482204]

Hi,

We have a scenario where we are using extraClientlibs to perform event handling for the Touch UI component dialog. To invoke the custom function, we wrote 

$document.on("dialog-ready", function() {    

getAdaptiveData();

}

in one of the JS  but we found that irrespective of the component , this function get invoke everytime on any dialog load.

Can anyone help us as how we can achieve a scenario where only component specific JS get invoked which in turn only invoke defined "dialog-ready" .

Regards,

Shikha

[Lokesh_Shivalingaiah]

Hi Shikha,

"dailog-ready" is a generic event which would be invoked irrespective of which component dialog you start. To avoid it, you might have to add an extra check or a logic to find a particular field as @scott mentioned.

[kautuk_sahni · Accepted solution]

As mentioned by Scott and Lokesh, 

You can trigger the event based on specifics. Let say you want to trigger something on specific component/div/p/a etc. You need to differentiate it from others. Once you have them, then trigger the event on the specifics.

Is normal JQuery that can trigger the events. It just adding a specific logic to prevent others.

CSS Selector (http://www.w3schools.com/cssref/css_selectors.asp) can come handy in this case too.

I hope this would be helpful.

Thanks and Regards

Kautuk Sahni