topic Re: Clear Graphics Widget in Web AppBuilder Custom Widgets Questions

Clear Graphics Widget

AdamVellutini — Fri, 23 Dec 2016 23:21:01 GMT

Hello,

We have been asked for a widget that will clear all graphics on a map; including selected features and any graphics drawn by the draw widget. We used to have one in a vendor supplied Silverlight application and users became used to it and are missing that functionality with our WAB applications. First, I wanted to see if anyone is using a custom widget for this purpose. I have not seen one posted anywhere. It may be that we have to develop our own but I wanted to reach out first - in the event someone wants to share!

Any ideas welcome.

Thanks,

Adam

Re: Clear Graphics Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:16:45 GMT

Adam,

I have never seem such a widget shared. But building one would be as simple as looping through all the maps graphicslayers and clearing each.

              this.map.graphics.clear();
              arrayUtils.map(this.map.graphicsLayerIds, lang.hitch(this, function(glid){
                 var lyr = this.map.getLayer(glid);
                 if(lyr instanceof FeatureLayer){
                   lyr.clearSelection();
                 } else {
                   this.map.getLayer(glid).clear();
                 }
              }));‍‍‍‍‍‍‍‍‍

Re: Clear Graphics Widget

AdamVellutini — Tue, 18 Apr 2017 21:10:05 GMT

Robert,

Thank you that code works great. Unfortunately it has taken this long to get back on this project. While this does clear any selected features and map graphics, I need to find a way to clear any search results from the eSearch widget results as well as from the attribute table. That will be the next step in the process... If you have any ideas or advice I would love to hear it! Otherwise, thank you for the start.

Cheers,

Adam

Re: Clear Graphics Widget

RobertScheitlin__GISP — Sun, 12 Dec 2021 10:16:48 GMT

Adam,

Are you saying that you want to remove the eSearch results from the map? If so then you would have to get an instance of the eSearch widget and execute the clear method.

define([
...
  'jimu/WidgetManager',
...
],
  function (
...
  WidgetManager
...
) {
  var wm = WidgetManager.getInstance();
  var esWidget = this.wManager.getWidgetByLabel("eSearch");
  esWidget.clear();
...‍‍‍‍‍‍‍‍‍‍‍‍‍‍

What do you mean by:

as well as from the attribute table.