Latest Contributions by jaykapalczynski

THANK YOU!!.... Edit:  Something not working still.....will get to ya ... View more

thank you....this has been driving me crazy... can you look for the documentation and post here is anyone else is having the same issues. very appreciated. ... View more

Anyone have thoughts or some help? Appreciated ... View more

Can I even do this with a FeatureLayer?  Seems I would just have to *  turn off popups for the Feature Layer *  then push the results to the side panel.... but thats the part I cannot figure out...anyone out there give me  hand...I can create a JSFiddle if that helps... Here is a JSFiddle...it references a web map....I want to reference a point FC in a service I am hosting...cant figure out how to do this. http://jsfiddle.net/Jaykapalczynski/7uRDF/4/ Points to click are off to the left under the + - zoom buttons... My concern is how to deal with these which are withing the Web Map reference when I remove the web Map and replace with a Feature Layer pointing to a Feature service window.map = response.map; //set the popup's popupWindow property to false. This prevents the popup from displaying map.infoWindow.set("popupWindow", false); initializeSidebar(window.map); Thanks ... View more

I can get a general popup to work fine... just cant seem how to transition from WebMap to my Feature class in the example above. How to get the results to the side panel I can see the side panel I can see my features I can click a feature and get a popup But cant figure out how to add the below code snip to the FeatureLayer being added.... map.infoWindow.set("popupWindow", false); initializeSidebar(window.map); I see the above in the WebMap from the example in last post....     var map;     require([         "dojo/ready", "dojo/on","dojo/_base/connect", "dojo/dom","dijit/registry","dojo/dom-construct","dojo/parser",         "esri/dijit/Popup","esri/dijit/PopupTemplate", "esri/layers/FeatureLayer", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/InfoTemplate",         "esri/renderers/UniqueValueRenderer", "esri/renderers/SimpleRenderer", "esri/symbols/SimpleMarkerSymbol","esri/symbols/SimpleLineSymbol", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "esri/map","esri/arcgis/utils","esri/domUtils","esri/dijit/Popup"     ], function(         ready, on, connect,dom,registry,domConstruct,parser,         Popup,PopupTemplate, FeatureLayer, ArcGISDynamicMapServiceLayer, InfoTemplate, UniqueValueRenderer,SimpleRenderer,SimpleMarkerSymbol,SimpleLineSymbol,         BorderContainer, ContentPane,Map,arcgisUtils,domUtils,Popup     ) {        parser.parse(); //setup event handlers for the next/previous buttons         on(dom.byId("previous"), "click", selectPrevious);         on(dom.byId("next"), "click", selectNext);        map = new Map("mapDiv", {           basemap: "topo",           center: [-77.4329, 37.5410],           zoom: 7,           slider: true         }); var infoTemplate = new InfoTemplate();           infoTemplate.setTitle("Population in ${Species}");           infoTemplate.setContent("<b>2007 :D: </b>${Habitat}<br/>"); //map.on("load", initializeSidebar);   var featureLayer0 = new FeatureLayer("https://web1/arcgis/rest/services/Warbler_Map/Warbler_Map_Readonly/FeatureServer/0", {             mode: FeatureLayer.MODE_ONDEMAND,             infoTemplate: infoTemplate,             outFields: ['*']           }); map.addLayer(featureLayer0);   function initializeSidebar(map){                  var popup = map.infoWindow;                  //when the selection changes update the side panel to display the popup info for the                  //currently selected feature.                  connect.connect(popup, "onSelectionChange", function(){                      displayPopupContent(popup.getSelectedFeature());                  });                  //when the selection is cleared remove the popup content from the side panel.                  connect.connect(popup, "onClearFeatures", function(){                      //dom.byId replaces dojo.byId                      dom.byId("featureCount").innerHTML = "Click to select feature(s)";                      //registry.byId replaces dijit.byId                      registry.byId("leftPane").set("content", "");                      domUtils.hide(dom.byId("pager"));                  });                  //When features are associated with the  map's info window update the sidebar with the new content.                  connect.connect(popup, "onSetFeatures", function(){                      displayPopupContent(popup.getSelectedFeature());                      dom.byId("featureCount").innerHTML = popup.features.length + " feature(s) selected";                      //enable navigation if more than one feature is selected                      popup.features.length > 1 ? domUtils.show(dom.byId("pager")) : domUtils.hide(dom.byId("pager"));                  });              }              function displayPopupContent(feature){                  if(feature){                      var content = feature.getContent();                      registry.byId("leftPane").set("content", content);                  }              }              function selectPrevious(){                  window.map.infoWindow.selectPrevious();              }              function selectNext(){                  window.map.infoWindow.selectNext();             }     }); ... View more

Thats exactly what I am trying to achieve although I am not doing an identify but a map click and buffer to query returning results back to a tab control.  Any examples of your work?  Or a reference of how you did that?  I used the standard Grid reference from ESRI JS api but it did not show tabs...I went to a JS page and created one with jQuery but every time I leave that tab and go back my grid vsanishes...sort of confused...would be greatly interested in seeing how you did that if you care to share (JSFiddler)....or at least point me in the direction of an example Appreciate your feedback ... View more

This is how I am creating my grid in JavaScript. Is there a way to encapsulate this grid in a Tab , and have multiple grids, once for each Tab What, if any, are my options to get multiple returns into some sort of Tab controlled window that I can run multiple query's on each map click and return the values to the grids in the Tabs...I can sort of do this but when I click another Tab and go back the grid is gone Thanks   // create a dgrid       var sortAttr = [{         attribute: "NAME",         descending: true       }];       grid = new OnDemandGrid({         store: Memory({           idProperty: "NAME"         }),         columns:{           NAME: "SiteNames",           REGION: "Regions",           WATERBODY: "Waterbody",           TYPE: "Type",           ACCESSAREA: "Access",           LOCATION: "Location",        },         sort: sortAttr       }, "grid"); ... View more

Any examples out there that return grids to Tabs to contain multiple data returns from multiple queries Any help would be appreciated. ... View more

If there is another way to accomplish this can you shed some light on that...some sort of a tab box that i can feed multiple datasets returns to Basically what I am doing is running a couple queries on the user click, returning 3 sets of data.  I want each set to go into each Tab and corresponding Grid in the tab... That make any sense? ... View more

Think I got it.....Seems to be working well....nothing really formatted here just snips of my code. Thank you all for your help, thoughts, and patience....VERY appreciated. The below is doing a few things: When the user clicks the map a buffer is created This buffer is used to select a Point Feature These results are then displayed in the map and the table When you hover over one if the features it displays its attributes. Note there were 3 external CSS files https://js.arcgis.com/3.8/js/dojo/dojox/grid/resources/Grid.css https://js.arcgis.com/3.8/js/esri/css/esri.css http://js.arcgis.com/3.8/js/dojo/dijit/themes/tundra/tundra.css THANK YOU ALL....now on to the next puzzle... 1. Get the Table to jump to the record and highlight it when hover or click the selected features 2. Zoom to the Feature in the map when click on it in the table   <body class="tundra">     <div id="grid"></div>     <div id="mapDiv">       <div id="info"></div>     </div>   </body> var map;       require([         "esri/map", "esri/layers/FeatureLayer",         "esri/tasks/query", "esri/tasks/QueryTask",         "esri/tasks/GeometryService", "esri/tasks/BufferParameters",         "esri/graphic", "esri/InfoTemplate", "esri/symbols/SimpleMarkerSymbol",         "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol",                   "esri/TimeExtent", "dojo/number", "dojo/date/locale",         "dojo/_base/array", "dojo/store/Memory", "dgrid/OnDemandGrid",                   "esri/renderers/SimpleRenderer", "esri/lang", "dojo/dom-style", "dijit/TooltipDialog", "dijit/popup",                   "esri/config", "dojo/_base/Color", "dojo/dom", "dojo/domReady"       ], function(         Map, FeatureLayer,         Query, QueryTask,         GeometryService, BufferParameters,         Graphic, InfoTemplate, SimpleMarkerSymbol,         SimpleLineSymbol, SimpleFillSymbol,                   TimeExtent, number, locale,         arrayUtils, Memory, OnDemandGrid,                   SimpleRenderer, esriLang, domStyle, TooltipDialog, dijitPopup,                   esriConfig, Color, dom       ) {       // create a dgrid       var sortAttr = [{         attribute: "SITENAME",         descending: true       }];       grid = new OnDemandGrid({         store: Memory({           idProperty: "SITENAME"         }),         columns:{           NAME: "SiteNames",           REGION: "Regions",         },         sort: sortAttr       }, "grid");    esri.config.defaults.io.proxyUrl = "https://fwisweb1.dgif.virginia.gov/proxypage_net/proxy.ashx";         map = new Map("mapDiv", {           basemap: "streets",           center: [-77.4329, 37.5410],           zoom: 7,           slider: false         });           var featureLayer = new FeatureLayer("https://SOMESERVER/arcgis/rest/services/Test/RampTEST/FeatureServer/0", {             mode: FeatureLayer.MODE_SELECTION,             outFields: ['*']           });                   map.infoWindow.resize(245,125);                   dialog = new TooltipDialog({           id: "tooltipDialog",           style: "position: absolute; width: 250px; font: normal normal normal 10pt Helvetica;z-index:100"         });         dialog.startup();        // selection symbol used to draw the selected census block points within the buffer polygon         var point = new SimpleMarkerSymbol(           SimpleMarkerSymbol.STYLE_CIRCLE,           25,           new SimpleLineSymbol(             SimpleLineSymbol.STYLE_NULL,             new Color([137, 214, 171, 0.9]),             1           ),           new Color([137, 214, 171, 0.5])         );         // Blue new Color([160, 177, 232, 0.5])         // Green new Color([137, 214, 171, 0.9]),         //close the dialog when the mouse leaves the highlight graphic         map.on("load", function(){           map.graphics.enableMouseEvents();           map.graphics.on("mouse-out", closeDialog);         });                         //listen for when the onMouseOver event fires on the countiesGraphicsLayer         //when fired, create a new graphic with the geometry from the event.graphic and add it to the maps graphics layer         featureLayer.on("mouse-over", function(evt){           var t = "<b>${SITENAME}</b><hr><b>Region: </b>${REGION}<br>";           var content = esriLang.substitute(evt.graphic.attributes,t);           var highlightGraphic = new Graphic(evt.graphic.geometry,point);           map.graphics.add(highlightGraphic);                     dialog.setContent(content);           domStyle.set(dialog.domNode, "opacity", 0.85);           dijitPopup.open({             popup: dialog,             x: evt.pageX,             y: evt.pageY           });         });             function closeDialog() {           map.graphics.clear();           dijitPopup.close(dialog);         }                            // selection symbol used to draw the selected census block points within the buffer polygon         var symbol = new SimpleMarkerSymbol(           SimpleMarkerSymbol.STYLE_CIRCLE,           12,           new SimpleLineSymbol(             SimpleLineSymbol.STYLE_NULL,             new Color([247, 34, 101, 0.9]),             1           ),           new Color([207, 34, 171, 0.5])         );         featureLayer.setSelectionSymbol(symbol);                   // change cursor to indicate features are click-able                  featureLayer.on("mouse-over", function () {             map.setMapCursor("pointer");         });         featureLayer.on("mouse-out", function () {             map.setMapCursor("default");         });                   // Add the Feature Layer To Map          map.addLayer(featureLayer);         // geometry service that will be used to perform the buffer         var geometryService = new GeometryService("http://tasks.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");                   //when the map is clicked create a buffer around the click point of the specified distance.         map.on("click", function(evt){           //define input buffer parameters           var params = new BufferParameters();           params.geometries  = [ evt.mapPoint ];           params.distances = [ 40 ];           params.unit = GeometryService.UNIT_STATUTE_MILE;           geometryService.buffer(params);         });         geometryService.on("buffer-complete", function(result){           map.graphics.clear();           // draw the buffer geometry on the map as a map graphic           var symbol = new SimpleFillSymbol(             SimpleFillSymbol.STYLE_NULL,             new SimpleLineSymbol(               SimpleLineSymbol.STYLE_SHORTDASHDOTDOT,               new Color([105,105,105]),               2             ),new Color([255,255,0,0.25])           );           var bufferGeometry = result.geometries[0]           var graphic = new Graphic(bufferGeometry, symbol);           map.graphics.add(graphic); //Select features within the buffered polygon. To do so we'll create a query to use the buffer graphic           //as the selection geometry.           var query = new Query();           query.geometry = bufferGeometry;           featureLayer.selectFeatures(query, FeatureLayer.SELECTION_NEW, function(results){              var totalPopulation = sumPopulation(results);                 var r = "";                 r = "<b>The total Census Block population within the buffer is <i>" + totalPopulation + "</i>.</b>";                 dom.byId('messages').innerHTML = r;              });                // Query for the records with the given object IDs and populate the grid           featureLayer.queryFeatures(query, function (featureSet) {             updateGrid(featureSet);             });                                         });         function updateGrid(featureSet) {         var data = arrayUtils.map(featureSet.features, function (entry, i) {           return {             NAME: entry.attributes.SITENAME,             REGION: entry.attributes.REGION           };         });         grid.store.setData(data);         grid.refresh();       } });       html, body, #mapDiv {         padding: 0;         margin: 0;         height: 100%;       }       #messages{         background-color: #fff;         box-shadow: 0 0 5px #888;         font-size: 1.1em;         max-width: 15em;         padding: 0.5em;         position: absolute;         right: 20px;         top: 20px;         z-index: 40;       } #grid {       height: 336px;       width: 100%;     }     .field-name {       width: 100px;       font-size: .80em;       font-weight: normal;     }     .field-magnitude {       width: 50px;       font-size: .80em;       font-weight: normal;     }     .field-deaths {       width: 70px;       font-size: .80em;       font-weight: normal;     }     .field-date {       width: 70px;       font-size: .80em;       font-weight: normal;     }     #grid .dgrid-row-odd {       background: #F2F5F9;     } #info {         background: #fff;         box-shadow: 0 0 5px #888;         left: 1em;         padding: 0.5em;         position: absolute;         top: 1em;         z-index: 40;       } ... View more