nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Web AppBuilder Developer Edition - on(someNode, "click", someFunction) Executes N Times When Widget Reopened for N Times

XuanKuai

Hi,

I have an on(someNode, "click", someFunction) in the onOpen() of Widget.js. The problem is that if the widget is closed then reopened (2nd open), the click event on someNode fires twice. If close and reopen the widget again (3rd open), the click event fires three times, so on and so forth...

Is there a way to let the click event on someNode only fire once after reopening the widget?

I appreciate any help. Thanks!

Najděte více příspěvků označených jako

Accepted answers

kenbuja

Put that into the postCreate function instead of the onOpen function.

All comments

kenbuja

The Widget life cycle page in the documentation might help explain this. The postCreate method happens only once when the widget is first created. The onOpen method happens every time the widget is opened. Since your on event was added during onOpen, every time the widget is opened, another event listener is added.

The other way to make sure the event is only added once would be to remove your on event in the onClose method.

XuanKuai

Yes! This solves the issue. May I know why the onOpen() duplicates the event handler but the postCreate() does not?

kenbuja

Put that into the postCreate function instead of the onOpen function.

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.