topic Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16 in ArcGIS JavaScript Maps SDK Questions

Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

PaulMcCord — Wed, 07 Oct 2020 19:38:21 GMT

I'd like to disable the print export button when the user is in the process of exporting their map.

Currently, a user is able to repeatedly generate map exports while an export is taking place. Is there a way to disable the button until the export has completed?

Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

Noah-Sager — Thu, 08 Oct 2020 01:47:01 GMT

Interesting question. Is the use case that the end user does not realize a print job is currently running, or are they getting bored waiting and click the button again to increase the speed, or are people just repeatedly clicking on the print button?

I think you would need to customize the print widget in order to disable the print button, there might be another way soon (e.g. this week). At 4.17, we are introducing submit and complete events to the print widget, so you could do something like if the widget is in submit mode, then disable the print function with the PrintViewModel.print() method. Here is the info about the enhancements on next: feedback-js-api-next/CHANGELOG.md at master · Esri/feedback-js-api-next · GitHub

Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

PaulMcCord — Thu, 08 Oct 2020 17:18:48 GMT

The use case is primarily that people seem to be just clicking the button repeatedly, which might be due to them not knowing that the print job is currently running.

I was playing around with a couple ways to disable the print widget, but felt I was making very little progress which is why I posted my question. I'm interested in the potential solution with 4.17. I'll check that out when it's released and post my solution if it ends up solving it.

Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

Noah-Sager — Mon, 12 Oct 2020 17:06:27 GMT

Any luck Paul McCord‌? Here is the Print widget mention in the release notes:
Print widget - Release notes for 4.17

Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

PaulMcCord — Tue, 13 Oct 2020 14:35:10 GMT

Thanks Noah, The 'submit' and 'complete' events in the 4.17 release made this much more manageable. I've got it working now so that when the Export button is clicked, the button is disabled until the print job finishes. Here is the code:

var print = new Print({

view: myView,

printServiceUrl: ***removed by author***,

container: printContainer

})

print.on("submit", function(){

$(".esri-print__export-button").attr("disabled", true);

})

print.on("complete", function(){

$(".esri-print__export-button").attr("disabled", false);

})

Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

Noah-Sager — Tue, 13 Oct 2020 15:33:23 GMT

Excellent! Good work Paul, and thank you for sharing your solution with the community.

Re: Disable Print Export button when Exporting Map - ArcGIS API for JS 4.16

KirillLiss — Wed, 04 Jan 2023 19:34:32 GMT

Hello PaulMcCord, maybe you can help. I tried to use your code, but all I get is an error - Uncaught ReferenceError: $ is not defined. ver. js - 4.25.

My js level is beginner. Do you have any ideas? Thanks.