topic Re: Emit not sent in ArcGIS Web AppBuilder Questions

Emit not sent

LefterisKoumis — Wed, 24 Nov 2021 19:58:02 GMT

I am trying to modify the Screening widget. In one of its subfolders, "drawtool" in the file drawtool,js it emits the completion of the draw by using:

this.emit("onDrawComplete", [graphics]);

to the widget.js

this.own(on(this._drawTool, "onDrawComplete", lang.hitch(this, function (graphics) { this._initToCreateAOIBuffer(graphics); })));

I created my own file under the drawtool folder and I need to emit the same event from that file:

this.emit("onDrawComplete", [thePMPTgraphic]);

However, the emit is not working. The issue is not the thePMPTgraphic, since it was tested.

Any ideas why the emit works in drawtools.js and not in the custom file? I have other functions in the custom file and are working properly.

Re: Emit not sent

RobertScheitlin__GISP — Wed, 24 Nov 2021 20:22:59 GMT

@LefterisKoumis

Have you added the

'dojo/Evented' module to your define array and the declare array like the drawTool.js file has?

this.emit comes from that module.

https://dojotoolkit.org/reference-guide/1.8/dojo/Evented.html

Re: Emit not sent

LefterisKoumis — Wed, 24 Nov 2021 20:46:51 GMT

THanks Robert. The Evented module is present and is still not working.

Re: Emit not sent

RobertScheitlin__GISP — Wed, 24 Nov 2021 20:48:53 GMT

@LefterisKoumis

and you are sure Evented is part of your declare array too?

return declare([BaseWidget, _WidgetsInTemplateMixin, Evented], {

Re: Emit not sent

LefterisKoumis — Wed, 24 Nov 2021 20:55:00 GMT

Positive.

Re: Emit not sent

RobertScheitlin__GISP — Wed, 24 Nov 2021 21:14:07 GMT

@LefterisKoumis

OK that looks good so it must be the listener then.

this.own(on(this._drawTool, "onDrawComplete", lang.hitch(this, function (graphics) { this._initToCreateAOIBuffer(graphics); })));

The above code is only listening for the onDrawComplete event on the this_drawTool. So have you modified the widget.js to listen to the event on your custom component?

Re: Emit not sent

LefterisKoumis — Wed, 24 Nov 2021 21:46:26 GMT

I declared my component

'./drawTool/Screening_pmtools', ----- ], function ( ---- Screening_pmtools, -----

then I called it:

this._drawPM = new Screening_pmtools() this.own(on(this._drawPM, "onDrawComplete", lang.hitch(this, function (graphics) { console.log(graphics) this._initToCreateAOIBuffer(graphics); })));

Re: Emit not sent

RobertScheitlin__GISP — Wed, 24 Nov 2021 21:45:32 GMT

hmm... Have you tried to console.log you component out to see if it is what it's suppose to be?

this._drawPM = new Screening_pmtools(); console.log(this._drawPM);

Re: Emit not sent

LefterisKoumis — Wed, 24 Nov 2021 22:16:43 GMT

I did now and it is empty. I don't understand why it is empty since it is declared properly as shown in previous posting.

Re: Emit not sent

RobertScheitlin__GISP — Wed, 24 Nov 2021 22:31:30 GMT

does your "Screening_pmtools" constructor function have any arguments?

Try putting some console.log or break points in your "Screening_pmtools"

Re: Emit not sent

LefterisKoumis — Thu, 25 Nov 2021 03:48:13 GMT

No it doesn't have any arguments.

In the Screening_pmtools.js there is a function that does a query on a REST service and it results to a Lat, Long. Then, a point graphic is defined and added to a feature layer. At last, the fL is added to the map and the emit is performed. The point is plotted on the map but the emit never worked.

------- var thePoint = new Point(thecoords, new SpatialReference({ wkid: 4326 })); var pointWebMercator = webMercatorUtils.geographicToWebMercator(thePoint); var thePMPTgraphic = new Graphic(pointWebMercator, symbolfoundstart); this.PtLayerfromPM.add(thePMPTgraphic) -------- this.map.addLayer(this.PtLayerfromPM); this.emit("onDrawComplete", thePMPTgraphic);

Re: Emit not sent

RobertScheitlin__GISP — Mon, 29 Nov 2021 13:31:20 GMT

From the sounds of it nothing in the Screening_pmtools.js file is working because it is not loading or has an error when loading. Have you modeled your Screening_pmtools.js code after the drawTools.js file? Meaning it has a constructor function, etc, etc.