Latest Contributions by jaykapalczynski

ooppppssss my bad..the function is there.....brb ... 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: //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;             }         }     } Per your prior example....whats in this Function findGraphicByAttribute(row.data) Thanks...Think I am almost there. UPDATE:  SEE my next post...It was there. ... View more

again I really do appreciate you help with this...really trying to learn and understand this. Not looking for a hand out in any means I can see where the innerHTML is targeting the image itself.  It no longer is getting the ID of the feature in question Cant seem to see how to grab the objectID. I can see where the current target row (part I cant figure out) should be begin define, then is used as the For Each loop goes through all the features trying to find the specific one that matches the current row/objectid the user is in. All the other features are set back to original SelectionSymbol the "selectedGraphic1" is then set to the new SimpleMarkerSymbol the map is then centered via the selectedGrpahic 1 geometry. Am confused if I need to be doing this in the Function and the Grids Column definition (as seen below with the Get Function) as well. I tried this , uncommented all my attempts:          var fl = app.map.getLayer("NAME");        var features = fl.getSelectedFeatures();        var symbol1 = fl.getSelectionSymbol();      //    var id1 = e.current.id; //    var id1 = e.currentTarget.id; //    var id1 = e.current.objectID; //    var id1 = e.currentTarget.objectID; //    var gridId= e.currentTarget.objectID; //    var id1= parseInt(gridId);        var selectedGraphic1;        arrayUtils.forEach(features, function(feature){            if(feature.attributes.OBJECTID === id1){                selectedGraphic1 = feature;            }            feature.setSymbol(symbol1);        }); Grid Columns Definition var columnExample2 = [ [          [                   {label: 'id', field: 'id', sortable: false,           formatter: function () {           return '<img src="images/Identify.png"/>';    },           get: function (object) {       return object["objectID"];    }      },                  {label: 'access', field: 'ACCESSAREA', sortable: true}                 ],          [                     {label: 'waterbody', field: 'WATERBODY', colSpan: 2}                 ],   [                     {label: 'location', field: 'LOCATION', colSpan: 2, sortable: false}                 ]          ], ]; ... 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" So how do I drill down to the grid itself then?  I am able to hit the Grids ID name... Very confused right now...appreciate your help very very much ... View more

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. Thanks Ken...I KEEP forgetting about that...thanks for the advice... I added the reference and now am getting errors on the ROW...maybe because the way I am defining my grid with columns? Sort of two threads forming here..I very much appreciate both Jon and Your help Ken.... http://jsfiddle.net/Jaykapalczynski/HjMB9/30/ Uncaught TypeError: Cannot read property 'row' of undefined (index):807 gridEnter (index):807 (anonymous function) mouse.js:2 (anonymous function) init.js:215 Uncaught TypeError: Cannot read property 'row' of undefined (index):836 2 Uncaught TypeError: Cannot read property 'row' of undefined ... View more

I think I am getting close...still trying to get this...I thank you for your guidance Returns: "NaN" var id1 = parseInt(e.currentTarget.id) Returns string of my grid : "gridNoColumnSets" var id1 = e.currentTarget.id;  Tried this .... Returns "undefined"        var gridId = e.currentTarget.id;        var selectedGrid = dijit.byId(gridId);        alert(selectedGrid);     function selectState(e) {        alert("select the feature");        var fl = app.map.getLayer("NAME");        var features = fl.getSelectedFeatures();        var symbol1 = fl.getSelectionSymbol();        var id1 = parseInt(e.currentTarget.id);        var selectedGraphic1;        arrayUtils.forEach(features, function(feature){            if(feature.attributes.OBJECTID === id1){                selectedGraphic1 = feature;            }            feature.setSymbol(symbol1);        });        var mySymbol1 = new SimpleMarkerSymbol().setOutline(null).setColor("#AEC7E3");        selectedGraphic1.setSymbol(mySymbol1);        app.map.centerAt(selectedGraphic1.geometry.getExtent().getCenter());     } ... View more

Jay, I am trying to help you as best I can without actually doing your work for you. Please reread my previous posts to find the answer to your question. What does e.target.innerHTML equal in this last sample? Im trying to learn as well Jon and I really appreciate your help....I am assuming because the Cell itself is now represented with an image the inner.html would be targeting the image not the id??? ... 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/ ... View more

................................................erase ... View more

Thanks Jon....very appreciated. The changing of symbol works great when selecting the value of the "id" in the dgrid. Thank you... Very grateful that I can get these examples and learn as I go...great to see this stuff in action... The Image: As for the selecting the image I can select the image and get into the Function selectState(e){ and force an Alert(""); so I know I am there but the symbol is not being changed. I tried to modify my dgrid to add a get function but that did not work? var columnExample2 = [ [   [                   {label: 'id', field: 'id', sortable: false,            formatter: function () {                return '<img src="images/marker.png"/>';                   },            get: function (object) {       return object["id"];                         }      },                  {label: 'access', field: 'ACCESSAREA'}                 ],             [                     {label: 'location', field: 'LOCATION', colSpan: 2, sortable: false}                 ]             ], ]; ... View more

think I got it with this Formatting into Tables seem to have worked for the DIV tags... ANYONE else have an idea on how to do differently? <h2>Declaritive (HTML) Horizontal</h2> <div data-dojo-type="dijit/layout/ContentPane" title="Boat Ramps">       <div data-dojo-type="dojox.layout.ScrollPane" data-dojo-props='orientation:"horizontal"' style="max-width:600px; max-height:250px; border:1px solid; overflow:hidden;">   <table>    <tr>     <td><div id="gridNoColumnSets"  class="gridclass" ></div></td>     <td><div id="gridNoColumnSets2" class="gridclass" ></div></td>     <td><div id="gridNoColumnSets3" class="gridclass" ></div></td>     <td><div id="gridNoColumnSets4" class="gridclass" ></div></td>     <td><div id="gridNoColumnSets5" class="gridclass" ></div></td>    </tr>   </table> </div> </div> ... View more

I have horizontal but vertical scroll is still there...puzzled http://jsfiddle.net/Jaykapalczynski/S22vX/16/ Trying to get the Grids to line up left to right and have a scroll viewer to scroll over to see them all.... ... View more

I am tryign this but cant seem to get the grids inside the Scroll Pane....and there is no horizontal slider http://jsfiddle.net/Jaykapalczynski/S22vX/1/ Thoughts? ... View more