Robert,
This is the part of one of the widgets that add graphics selected to the map. In this case the widget ask for IDs that are stored in a list. Clicking on the search button triggers an event to run this code.
The widget queries to a Feature Service, so the no FeatureLayer was created and added to the map. The query returns geometry that is added to a GraphicsLayer (map’s or different).
The widget works fine. It perfectly retrieves the features and are shown in the map. Once the widget is close, and clicking on a feature, you can see the polygon highlighted and the popup with the info. You can click over different polygons and see how highlight and info change. However, in order to remove the popup and the selection I have to click on the clear link into the popup. I’d like to be able to remove highlights and popups by clicking on an empty area.
search: function(){
console.log('SearchById::search');
var IDs = this.getIDs();
this.queryParcels(IDs);
},
getIDs: function(){
console.log('SearchById::getIDs');
var IDs = [];
query("#list .id").forEach(function(item){
IDs.push(item.getAttribute("id"));
}).remove();
// filter IDs. remove repetitions
var uIDs = IDs.filter(function(item, pos) {
return IDs.indexOf(item) == pos;
});
return uIDs;
},
queryParcels: function(IDs){
console.log('SearchById::queryParcels');
// Make the Query and TaskQuery
var queryTask = new QueryTask(urlParcels);
var theQuery = new Query();
//Prepare the Query, if text needs to add quotations
if (this.type == 'nvarchar'){
var sequence = "";
array.forEach(IDs, function(id){
sequence += "'" + id + "', ";
});
sequence = sequence.slice(0, -2);
} else {
sequence = IDs.toString();
}
theQuery.where = "ID IN " + "(" + sequence + ")";
theQuery.returnGeometry = true;
theQuery.outFields = ["ID", "FIELD_A", "FIELD_B", "FIELD_C"];
// Execute the TaskQuery
queryTask.execute(theQuery, lang.hitch(this, "showParcels"));
},
showParcels: function(parcels){
console.log('SearchById::showParcels');
var graphicsLayer = new GraphicsLayer({id: “parcels”});
array.forEach(parcels.features, lang.hitch(this, function(graphic) {
var infoTemplate = new InfoTemplate("${ID}", "field A: ${FIELD_A}<br />field B: ${FIELD_B}<br />field C: ${FIELD_C}");
graphic.setSymbol(this.symbol);
graphic.setInfoTemplate(infoTemplate);
graphicsLayer.add(graphic);
//this.map.graphics.add(graphic);
}));
var newExtent = graphicsUtils.graphicsExtent(graphicsLayer.graphics);
this.map.setExtent(newExtent, true);
this.map.addLayer(graphicsLayer);
PanelManager.getInstance().closePanel(this.id + '_panel');
}
Thanks
