Okay so I think I got it working...part of the problem was that my onRowClickHandler function couldn't handle point features, but as indicated above, the suggestions for this function still didn't get things working. The showResults function was the larger part of the problem. Initially, the info being pushed to the datagrid was the resulting layer name, found field name and found value. I wanted to employ this method since I am searching a service with multiple layers and returning all records to one datagrid - so a search could potentially return results from multiple layers if the criteria isn't specific enough. For some reason, the onRowClickHandler function couldn't get at the geometry of each feature returned. Here is the code that had been giving me issues:
function showResults(results) {
if (results.length > 0) {
map.graphics.clear();
var markerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_SQUARE, 10, new SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 1), new dojo.Color([0, 255, 0, 0.25]));
var lineSymbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 1);
var polygonSymbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_NONE, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255, 0, 0]), 2), new dojo.Color([255, 255, 0, 0.25]));
var dataForGrid = [];
arrayUtils.map(results, function (result) {
var graphic = result.feature;
dataForGrid.push([result.layerName, result.foundFieldName, result.value]);
switch (graphic.geometry.type) {
case "point":
graphic.setSymbol(markerSymbol);
break;
case "polyline":
graphic.setSymbol(lineSymbol);
break;
case "polygon":
graphic.setSymbol(polygonSymbol);
break;
}
map.graphics.add(graphic);
return result.feature.attributes;
});
var data = {
items: dataForGrid
};
var store = new ItemFileReadStore({
data: data
});
var grid = registry.byId("grid");
grid.setStore(store);
grid.on("rowclick", onRowClickHandler);
map.centerAndZoom(center, zoom);
} else {
alert("No Utility Feature found! Please enter a valid UNAME, PIPEID, Plant ID, PUMPID or Name.");
}
}
I adjusted it with the below code, and now the onRowClickHandler routine (provided to me by Luci) is working for all feature types.
function showResults(results) {
if (results.length > 0) {
map.graphics.clear();
var markerSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_SQUARE, 10, new SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 1), new dojo.Color([0, 255, 0, 0.25]));
var lineSymbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 1);
var polygonSymbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_NONE, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255, 0, 0]), 2), new dojo.Color([255, 255, 0, 0.25]));
var items = arrayUtils.map(results, function (result) {
var graphic = result.feature;
switch (graphic.geometry.type) {
case "point":
graphic.setSymbol(markerSymbol);
break;
case "polyline":
graphic.setSymbol(lineSymbol);
break;
case "polygon":
graphic.setSymbol(polygonSymbol);
break;
}
map.graphics.add(graphic);
return result.feature.attributes;
});
var data = {
identifier: "OBJECTID",
label: "OBJECTID",
items: items
};
var store = new ItemFileReadStore({
data: data
});
var grid = registry.byId("grid");
grid.setStore(store);
grid.on("rowclick", onRowClickHandler);
map.centerAndZoom(center, zoom);
} else {
alert("No Utility Feature found! Please enter a valid UNAME, PIPEID, Plant ID, PUMPID or Name.");
}
}
Now, displaying attributes in a useful way in the datagrid will be the next challenge.Thanks to all for helping me tackle this! It is much appreciated!Ryan
