topic Re: view.popup.watch being fired twice in ArcGIS JavaScript Maps SDK Questions

view.popup.watch being fired twice

EvonFranklin — Sun, 12 Dec 2021 00:30:52 GMT

I am attempting to display my own custom popup when a user clicks on the MapImageLayer with the following code:

view.popup.watch("visible", function(visible) {
                view.popup.visible = false;
                if(visible){
                   var attr = view.popup.features[0].attributes;
                   $('.popup-table-container').remove();
                   var newPopup = formatPopup(attr);
                   $('body').append(newPopup);
                   $(newPopup).css({top: ($(window).height()/2)+'px',left: ($(window).width()/2)+'px'});
                }
            });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

I try to close the default popup in the first line then second line I actually populate my own. I would like to stop this event from being fired twice with a single click, as a query is made twice which slows down the popup processing.

Re: view.popup.watch being fired twice

RobertScheitlin__GISP — Wed, 07 Jun 2017 22:35:41 GMT

Evon,

You should use watchUtils and whenTrue:

watchUtils | API Reference | ArcGIS API for JavaScript 4.3

That way you do not get your event handler fired when you set the popup visibility to false.

Re: view.popup.watch being fired twice

EvonFranklin — Thu, 08 Jun 2017 20:45:35 GMT

Thanks for the suggestion, I think this would work however I do want to watch for a popup not really an event per say

Re: view.popup.watch being fired twice

RobertScheitlin__GISP — Thu, 08 Jun 2017 20:50:43 GMT

??? The method I suggested is no different from what you are doing but only looking for a true property instead of true or false.

Re: view.popup.watch being fired twice

EvonFranklin — Fri, 09 Jun 2017 20:13:46 GMT

Right I misunderstood there a bit lol, well is the whenTrue() available from "view.popup" ?

Re: view.popup.watch being fired twice

RobertScheitlin__GISP — Fri, 09 Jun 2017 20:27:39 GMT

Evon,

No there is not, that is the reason for a watchUtils class.

Re: view.popup.watch being fired twice

EvonFranklin — Mon, 12 Jun 2017 15:28:23 GMT

What action would I watch for in watchutils ?

Re: view.popup.watch being fired twice

RobertScheitlin__GISP — Mon, 12 Jun 2017 15:44:45 GMT

You would watch for the open property just like you were in your original code.

Re: view.popup.watch being fired twice

EvonFranklin — Tue, 13 Jun 2017 14:47:09 GMT

Oh I see now, like this ,

watchUtils.whenTrue(view, "visible", function() {

Re: view.popup.watch being fired twice

RobertScheitlin__GISP — Tue, 13 Jun 2017 15:30:39 GMT

Almost:

watchUtils.whenTrue(view.popup, "visible", function() {‍

Re: view.popup.watch being fired twice

EvonFranklin — Thu, 15 Jun 2017 15:08:57 GMT

Thanks for your guidance, going forward with this solution and now I have learnt how to tackle property changes. Thanks a lot.

Re: view.popup.watch being fired twice

RobertScheitlin__GISP — Thu, 15 Jun 2017 15:10:20 GMT

Evon,

Great, Don't forget to mark this question as answered.