topic Re: Geoprocessing Link in Popup WAB in ArcGIS Web AppBuilder Questions

Geoprocessing Link in Popup WAB

LesiMai3 — Wed, 05 Apr 2017 23:03:21 GMT

Hi,

I'm trying to execute a geoprocessing service via a link in the popup as shown in this sample ArcGIS API for JavaScript Sandbox. Which file do I need to modify in an app built using WAB developer edition to have an additional link shown up in the popup? And is there a way to make the popup stick after the gp service has been successfully run? In the sample, the result flashes on for a few seconds and then disappears.

Any pointers will be greatly appreciated!

Thank you,

Lesi

Re: Geoprocessing Link in Popup WAB

RobertScheitlin__GISP — Sat, 11 Dec 2021 22:46:44 GMT

Lesi,

The best place is in the jimu/PopupManager.js file (lines 24 -38):

      _createPopupMenuButton: function(){
        if(this.popupMenuButtonDesktop) {
          html.destroy(this.popupMenuButtonDesktop);
        }
        if(this.popupMenuButtonMobile) {
          html.destroy(this.popupMenuButtonMobile);
        }
        this.popupMenuButtonDesktop = html.create('span', {
          'class': 'popup-menu-button'
        }, query(".actionList", this.popupUnion.bigScreen.domNode)[0]);

        var mobileActionListNode =
          query("div.esriMobileInfoView.esriMobilePopupInfoView .esriMobileInfoViewItem").parent()[0];
        var mobileViewItem = html.create('div', {
            'class': 'esriMobileInfoViewItem'
          }, mobileActionListNode);
        this.popupMenuButtonMobile = html.create('span', {
          'class': 'popup-menu-button'
        }, mobileViewItem);

        on(this.popupMenuButtonMobile, 'click', lang.hitch(this, this._onPopupMenuButtonClick));
        on(this.popupMenuButtonDesktop, 'click', lang.hitch(this, this._onPopupMenuButtonClick));

        var link = html.create("a",{
          "class": "action",
          "id": "statsLink",
          "innerHTML": "Population", //text that appears in the popup for the link
          "href": "javascript: void(0);"
        }, query(".actionList", this.popupUnion.bigScreen.domNode)[0]);


        //when the link is clicked register a function that will run
        on(link, "click", this.calculatePopulation);
      },

      calculatePopulation: function(){

      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Be advised that you will have to do more coding to handle mobile popups though.

Re: Geoprocessing Link in Popup WAB

LesiMai3 — Fri, 07 Apr 2017 21:38:38 GMT

Thank you so much, Robert! That gives me a good starting point!

Re: Geoprocessing Link in Popup WAB

LesiMai3 — Mon, 10 Apr 2017 01:40:50 GMT

Hi Robert! I'm relatively new to JavaScript and have a follow-up question. The sample code uses window.map.infoWindow.getSelectedFeature() to get a hold on the selected feature. I tried to use window.map.popupUnion.bigScreen.selectedFeature() in the calculatePopulation function but I got an error message saying "Cannot read property 'bigScreen' of undefined". How can I achieve something similar as in the sample code?

Lesi

Re: Geoprocessing Link in Popup WAB

RobertScheitlin__GISP — Mon, 10 Apr 2017 12:35:34 GMT

Lesi,

It would be:

this.popupUnion.bigScreen.selectedFeature();

Re: Geoprocessing Link in Popup WAB

LesiMai3 — Mon, 10 Apr 2017 14:43:17 GMT

Thank you for the quick reply, Robert!

I pasted your line in and got an error of "Cannot read property 'bigScreen' of undefined at HTMLAnchorElement.calculatePopulation". Any idea?

Thank you for your help!

Lesi

Re: Geoprocessing Link in Popup WAB

RobertScheitlin__GISP — Mon, 10 Apr 2017 14:51:07 GMT

Lesi,

Sounds like your function you are calling is in a different scope then. You need to use lang.hitch.

Re: Geoprocessing Link in Popup WAB

LesiMai3 — Mon, 10 Apr 2017 15:13:19 GMT

Thank you so much, Robert!

Re: Geoprocessing Link in Popup WAB

LesiMai3 — Tue, 11 Apr 2017 15:01:53 GMT

Hi Robert! Sorry for keep bugging you. I made the changes in popupManager.js and would like to have the new link displayed in your popup panel widget. How should I go about that?

Thank you!

Lesi

Re: Geoprocessing Link in Popup WAB

RobertScheitlin__GISP — Tue, 11 Apr 2017 15:10:43 GMT

Lesi,

That is a completely different route. You should start a new question for that.