topic How do I use a widget to clear or remove drawings and layers? in Web AppBuilder Custom Widgets Questions

How do I use a widget to clear or remove drawings and layers?

MichaelMitchell5 — Tue, 16 Jul 2019 14:25:20 GMT

I've copied the geoprocessing widget and set it up in web appbuilder to run a geoprocessing service that asks the user for an input polygon. After a successful run I want the tool to clear the map graphics and close the widget window.

It's asynchronous so I'm editing the onJobComplete method within Widget.js.

I followed instructions here to close the widget panel and that's working successfully.

It appears the widget uses a draw tools box within the editor. I'm not sure if I should just "click" the clear button or if there is a better solution..

How can I click the button using the attach-point name btnClear?

Thanks

Re: How do I modify the geoprocessing widget to clear drawing

MichaelMitchell5 — Wed, 17 Jul 2019 20:08:50 GMT

I can sort through all the this.map.graphicsLayerIds but I can't get anything for this.map.layers. It's undefined.

Re: How do I modify the geoprocessing widget to clear drawing

RobertScheitlin__GISP — Mon, 22 Jul 2019 13:14:20 GMT

Michael,

In your widget you just call

this.drawBox._onClickClear();

Re: How do I modify the geoprocessing widget to clear drawing

MichaelMitchell5 — Mon, 22 Jul 2019 19:14:13 GMT

I got an error and it shows that drawBox is undefined. What exactly is "this" referring to in this context?

Re: How do I modify the geoprocessing widget to clear drawing

RobertScheitlin__GISP — Mon, 22 Jul 2019 19:22:02 GMT

Michael,

This refers to the current code scope. You need to use lang.hitch to maintain current code scope to the widget itself.

Re: How do I modify the geoprocessing widget to clear drawing

MichaelMitchell5 — Tue, 23 Jul 2019 14:28:51 GMT

Thanks Robert,

I had to do a bit of reading on lang.hitch.

The widgets onJobComplete is called using lang.hitch(). I attempt to call this.drawBox_onClickClear() within onJobComplete but "this" has no reference to drawBox. It does have a reference to drawTools and drawTools[0] is the drawBox.

this.drawTools[0]._onClickClear() did the trick.

Is there a more elegant way to reference that?

I appreciate your help.

Re: How do I modify the geoprocessing widget to clear drawing

RobertScheitlin__GISP — Tue, 23 Jul 2019 15:13:19 GMT

Actually no that is the correct way, as the GP widget can have multiple drawBox widgets it maintains them in an array unlike other widgets.

Don't forget to mark this question as answered.

Re: How do I use a widget to clear or remove drawings and layers?

LeoLiu1 — Tue, 06 Aug 2019 03:42:04 GMT

Hi Michael,

Just in case you need loop layers in the map object, use this.map_layers would work.