Latest Contributions by KenBuja

Hi Sarah, I'm not sure if this will help, but I went a different route with highlighting a feature from a clicked row in a dGrid. I didn't use a FeatureLayer, but a regular ArcGISDynamicMapServiceLayer along with a GraphicLayer. In my application, when the user click on a feature (or group of features), I get the list of returned features from an IdentifyTask. These get added to a GraphicsLayer and are used to populate a dGrid that resides in a TabContainer. If more than one layer is turned on in the TOC, then the results from each layer will be put into a separate dGrid. identifyTask.execute(identifyParams, function (results) { populateTC(results, evt); });     function populateTC(results, evt) {         try {             if (dijit.byId('tabs').hasChildren) {                 dijit.byId('tabs').destroyDescendants();             }             if (results.length === 0) {                 console.log('Nothing found.');                 return;             }             var combineResults = {};             for (var i = 0, len = results.length; i < len; i++) {                 var result = results;                 var feature = result.feature;                 var lyrName = result.layerName.replace(' ', '');                 if (combineResults.hasOwnProperty(lyrName)) {                     combineResults[lyrName].push(result);                 }                 else {                     combineResults[lyrName] = [result];                 }                 switch (feature.geometry.type) {                     case "point": case "multipoint":                         layerResultsGraphic.add(new esri.Graphic(feature.geometry, symbolResultPoint, feature.attributes));                         break;                     case "polyline":                         layerResultsGraphic.add(new esri.Graphic(feature.geometry, symbolResultPolyline, feature.attributes));                         break;                     case "polygon": case "extent":                         layerResultsGraphic.add(new esri.Graphic(feature.geometry, symbolResultPolygon, feature.attributes));                         break;                 }             }             for (result in combineResults) {                 if (combineResults.hasOwnProperty(result)) {                     var columns = buildColumns(combineResults[result][0].feature);                     var features = [];                     for (i = 0, len = combineResults[result].length; i < len; i++) {                         features.push(combineResults[result].feature);                     }                     var data = array.map(features, function (feature) {                         return lang.clone(feature.attributes);                     });                     var dataGrid = new (declare([Grid, Selection, DijitRegistry, ColumnHider]))({                         id: "dgrid_" + combineResults[result][0].layerId,                         bufferRows: Infinity,                         columns: columns,                         selectionMode: "single",                         "class": "resultsGrid"                     });                     var gridWidth = "width: " + String(columns.length * 100) + "px";                     dataGrid.addCssRule("#" + dataGrid.id, gridWidth);                     dataGrid.on(".dgrid-row:click", gridSelect);                     dataGrid.on("show", function () {                         dataGrid.resize();                     });                     dataGrid.on(mouseUtil.enterRow, gridEnter);                     dataGrid.on(mouseUtil.leaveRow, function () {                         map.graphics.clear();                     });                     var plural = "";                     if (combineResults[result].length !== 1) { plural = "s"; }                     var cp = new dijit.layout.ContentPane({                         id: result,                         //content: "<strong>" + combineResults[result][0].layerName + "</strong> (" + combineResults[result].length + " feature" + plural + ")",                         content: combineResults[result].length + " feature" + plural,                         //content: dataGrid,                         title: combineResults[result][0].layerName,                         style: "overflow: auto"                     }).placeAt(dijit.byId('tabs'));                     cp.addChild(dataGrid);                     cp.startup();                     dataGrid.renderArray(data);                 }             }             tc.startup();             tc.resize();             map.infoWindow.show(evt.screenPoint, map.getInfoWindowAnchor(evt.screenPoint));         }         catch (e) { console.log(e.message); }     } When the user moves the mouse over one of the rows in the dGrid, I search the GraphicsLayer for the correct feature and add that graphic to the map.graphics layer. If the use clicks on the row, I use the same logic to "flash" the feature.     function gridEnter(e) {         map.graphics.clear();         var gridId = e.currentTarget.id;         var selectedGrid = dijit.byId(gridId);         var row = selectedGrid.row(e);         graphicHighlight = findGraphicByAttribute(row.data);         if (graphicHighlight !== null) {             switch (graphicHighlight.geometry.type) {                 case "point": case "multipoint":                     map.graphics.add(new esri.Graphic(graphicHighlight.geometry, symbolHighlightPoint));                     break;                 case "polyline":                     map.graphics.add(new esri.Graphic(graphicHighlight.geometry, symbolHighlightPolyline));                     break;                 case "polygon": case "extent":                     map.graphics.add(new esri.Graphic(graphicHighlight.geometry, symbolHighlightPolygon));                     break;             }         }     }     function gridSelect(e) {         var graphicFlash;         var gridId = e.currentTarget.id;         var selectedGrid = dijit.byId(gridId);         var row = selectedGrid.row(e);         graphicHighlight = findGraphicByAttribute(row.data);         if (graphicHighlight !== null) {             switch (graphicHighlight.geometry.type) {                 case "point": case "multipoint":                     graphicFlash = new esri.Graphic(graphicHighlight.geometry, symbolFlashPoint)                     break;                 case "polyline":                     graphicFlash = new esri.Graphic(graphicHighlight.geometry, symbolFlashPolyline);                     break;                 case "polygon": case "extent":                     graphicFlash = new esri.Graphic(graphicHighlight.geometry, symbolFlashPolygon);                     break;             }             map.graphics.add(graphicFlash);         }         var shape = graphicFlash.getDojoShape();         var animStroke = fx.animateStroke({             shape: shape,             duration: 500,             color: { end: new dojo.Color([0, 0, 0, 0]) }         });         var animFill = fx.animateFill({             shape: shape,             duration: 500,             color: { end: new dojo.Color([0, 0, 0, 0]) }         });         var anim = dojo.fx.combine([animStroke, animFill]).play();         var animConnect = dojo.connect(anim, "onEnd", function () {             map.graphics.remove(graphicFlash);         });     }     function findGraphicByAttribute(attributes) {         for (i = 0; i < layerResultsGraphic.graphics.length; i++) {             if (JSON.stringify(layerResultsGraphic.graphics.attributes) === JSON.stringify(attributes)) { return layerResultsGraphic.graphics; }         }         return null;     } Since the map.graphics layer is always on top of all other layers (including other GraphicsLayers), I never have to worry about the order. ... View more

Do you have a proxy set up properly? Notice that the code contains this urlUtils.addProxyRule({     proxyUrl: "/proxy",     urlPrefix: "test25.net" }); ... View more

You have to set the export quality of the output. Take a look at this page which shows you how to do that. ... View more

You may want to start a separate thread to get the attention of the API developers. ... View more

That Fiddle show a new error. However, if you switch back to 3.8, that error goes away. ... View more

You have both         var djConfig = {             parseOnLoad: true,             packages: [{                 "name": "agsjs",                 "location": "http://gmaps-utility-gis.googlecode.com/svn/tags/agsjs/latest/build/agsjs"             }]         }; and parser.parse(); Use one or the other. And take a look at this page on parseOnLoad vs. parser.parse() ... View more

It's a known issue. Take a look at this thread, which offers some more explanation, as well as a link to a possible solution. ... View more

Check the capabilities of your map service. I noticed that when using a service like Jake did, it works fine. However, if I used a service from an older server (http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/3, for example), the click event would never get activated. ... View more

This line var gridId = e.currentTarget.id; is returning the name of the div that the grid is stored in, not the grid itself. So then this line var selectedGrid = dijit.byId(gridId); returns an "undefined" ... View more

Thanks Ken....I I tweaked the JSFiddle to reflect your example sand now when I click the map I dont get any return to the grid...thoughts? http://jsfiddle.net/Jaykapalczynski/HjMB9/17/ You should get into the habit of using debugging tools like Firebug. These are the errors from your Fiddle [ATTACH=CONFIG]33445[/ATTACH] For the mouseUtils error, you'll have to add the "dgrid/util/mouse" module in your require statement. ... View more

Take a look at this site where a feature is highlighted from a grid. The feature can be highlighted by moving the mouse over the row in the grid or by clicking on the row. When the grid (dataGrid) is created, I add on listeners: dataGrid.on(".dgrid-row:click", gridSelect); dataGrid.on("show", function () {     dataGrid.resize(); }); dataGrid.on(mouseUtil.enterRow, gridEnter); and these are the functions that highlight the grid. I put the highlight graphics into the map.graphics layer. //this highlights the graphic     function gridEnter(e) {         map.graphics.clear();         var gridId = e.currentTarget.id;         var selectedGrid = dijit.byId(gridId);         var row = selectedGrid.row(e);         graphicHighlight = findGraphicByAttribute(row.data);         if (graphicHighlight !== null) {             switch (graphicHighlight.geometry.type) {                 case "point": case "multipoint":                     map.graphics.add(new esri.Graphic(graphicHighlight.geometry, symbolHighlightPoint));                     break;                 case "polyline":                     map.graphics.add(new esri.Graphic(graphicHighlight.geometry, symbolHighlightPolyline));                     break;                 case "polygon": case "extent":                     map.graphics.add(new esri.Graphic(graphicHighlight.geometry, symbolHighlightPolygon));                     break;             }         }     } //this "flashes" the graphic     function gridSelect(e) {         var graphicFlash;         var gridId = e.currentTarget.id;         var selectedGrid = dijit.byId(gridId);         var row = selectedGrid.row(e);         graphicHighlight = findGraphicByAttribute(row.data);         if (graphicHighlight !== null) {             switch (graphicHighlight.geometry.type) {                 case "point": case "multipoint":                     graphicFlash = new esri.Graphic(graphicHighlight.geometry, symbolFlashPoint)                     break;                 case "polyline":                     graphicFlash = new esri.Graphic(graphicHighlight.geometry, symbolFlashPolyline);                     break;                 case "polygon": case "extent":                     graphicFlash = new esri.Graphic(graphicHighlight.geometry, symbolFlashPolygon);                     break;             }             map.graphics.add(graphicFlash);         }         var shape = graphicFlash.getDojoShape();         var animStroke = fx.animateStroke({             shape: shape,             duration: 500,             color: { end: new dojo.Color([0, 0, 0, 0]) }         });         var animFill = fx.animateFill({             shape: shape,             duration: 500,             color: { end: new dojo.Color([0, 0, 0, 0]) }         });         var anim = dojo.fx.combine([animStroke, animFill]).play();         var animConnect = dojo.connect(anim, "onEnd", function () {             map.graphics.remove(graphicFlash);         });     }     function findGraphicByAttribute(attributes) {         for (i = 0; i < layerResultsGraphic.graphics.length; i++) {             if (JSON.stringify(layerResultsGraphic.graphics.attributes) === JSON.stringify(attributes)) { return layerResultsGraphic.graphics; }         }         return null;     } ... View more

Do you have the function activateIdentify inside the require statement? If so, it's a problem of scope. What you should do is something like on(dom.byId("identifyDiv"), "click", function (){     activateIdentify(); }); ... View more