How to hide empty popup window?

TobiasBrühlmeier1

Hi,

This is what I've coded to create a popup:

map = new Map("map", {

        basemap : "streets",

        slider : true,

        infoWindow : popup

      });

...

popup = new Popup({

  titleInBody : false,

  visibleWhenEmpty : false,

  hideDelay : 0

  }, domConstruct.create("div"));

...

var popupTemplate = new PopupTemplate({

  title : "STAT_NAME: {STAT_NAME}",

  description : "<b>STAT_CODE: </b>{STAT_CODE}<br>",

  });

...

The popup works as expected: When I click an object of my feature layer, I get a popup showing the description of this object.

But when I click the basemap, I would expect the popup to disappear, because I've set "visibleWhenEmpty: false" and "hideDelay : 0". But this part doesn't work: I just get a popup telling me "no information available".

What's the trick?

Regards, Tobias

MatthewLofgren

Hi Peggy

I've done it like this before.

function executeIdentifyTask(evt) {
  var attr, template, route;
  identifyParams.geometry = evt.mapPoint;
  identifyParams.mapExtent = map.extent;

  var deferred = identifyTask.execute(identifyParams);

  deferred.then(function (response) {
       // If no results, prevent info window from showing
       if(response.length > 0)
       {
            map.infoWindow.show(evt.mapPoint);
       }
       else
       {
            map.infoWindow.hide();
       }

       return array.map(response, function (result) {
            var feature = result.feature;
            feature.attributes.layerName = result.layerName;
            template = new InfoTemplate();
            template.setTitle("${SomeTitle}");
            template.setContent("some content");
            feature.setInfoTemplate(template);
            return feature;
       });
  }).then(function(features){
       map.infoWindow.setFeatures(features);
  });
}