Latest Contributions by AlexGole

Hi, I am trying to create in the table of content a way to change  opacity for a list of basemaps? I am using something like this​ to switch my basemaps and my code is the following: //Basemap List goes her..                          $("#basemapList li").click(function (e) {                              switch (e.target.text) {                                                                  case "Streets":                                                                          map.setBasemap("streets");                                                                           break;                                  case "Imagery":                                      map.setBasemap("hybrid");                                      break;                                  case "National Geographic":                                      map.setBasemap("national-geographic");                                      break;                                  case "Topographic":                                      map.setBasemap("topo");                                      break;                                  case "Gray":                                      map.setBasemap("gray");                                      break;                                  case "Open Street Map":                                      map.setBasemap("osm");                                      break;                              }                              if ($(".navbar-collapse.in").length > 0) {                                  $(".navbar-toggle").click();                              }                          });                          on(dom.byId("opacity"), "click", updateOpacity);                          function updateOpacity() {                              var cOp = map.getLayer(map.basemapLayerIds[1]);                              var newOp = (op / 100);                              streets.setOpacity(1.0 - newOp);                          } List: <div title="Basemaps" class="active dropdown" id="basemapList">                     <button class="btn btn-default dropdown-toggle" type="button" id="BasemapButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">                         <span class="glyphicon glyphicon-th-large"></span>                     </button>                     <a href="" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>                     <ul class="dropdown-menu" id="myDropdown">                                                 <li><a href="#">Streets</a></li>                         <li><a href="#">Imagery</a></li>                         <li><a href="#">National Geographic</a></li>                         <li><a href="#">Topographic</a></li>                         <li><a href="#">Gray</a></li>                         <li class="divider"></li>                         <li><a href="#">Open Street Map</a></li>                     </ul>                 </div> ... View more

Hi all, I am trying to figure out how to zoom to a feature when a datatable row is clicked on. Just like this but using datatables instead of GRID dojo. Any ideas or recommendations would be helpful My query  my table are fed as such: function addToMap3(results) {                              map.graphics.clear();                              var featureArray = results.features;                              if (featureArray && featureArray.length > 0) {                                  // do stuff with the features                                  arrayUtils.forEach(featureArray, function (feat) {                                      feat.setSymbol(symbol8);                                      map.graphics.add(feat);                                  });                                  var extent = esri.graphicsExtent(map.graphics.graphics);                                  map.setExtent(extent, true);                                  var cols = [],                                  row = [],                                  data = [];                                  var selected = [];                                  //create columns                                  $.each(results.fields, function (index, value) {                                      cols.push({ 'sTitle': value.name });                                  });                                  //create columns                                  //create rows and push into data                                  $.each(results.features, function (index, value) {                                      row = [];                                      $.each(value.attributes, function (index2, value2) {                                          row.push(value2);                                      });                                      data.push(dojo.clone(row));                                  });                                  $('#example').dataTable({                                      dom: 'Bfrtip',                                      data: data,                                      columns: cols,                                      destroy: true,                                      buttons: [                                         'copy', 'csv', 'excel', 'pdf', 'print'                                      ],                                      "rowCallback": function (row, data) {                                          if ($.inArray(data.OBJECTID, selected) !== -1) {                                              $(row).addClass('selected');                                          }                                      }                                  });                                  $('#example tbody').on('click', 'td', function () {                                      alert('Row index: ' + table.row(this).index());;                                  });                                                                                                                                    } else {                                  // do stuff when no features were found                                  alert("No features found")                              }                          } My code is here​. Thanks, Alex ... View more

Hi all, I am trying to create a div (attribute table) that would expand from the bottom and collapse just like in WebAppBuilder. My problem is that my div is hiding behind the map. Any ideas how I can get it to push the map up without loosing the current extent. Web app Builder (what Id like to achieve) Attached is my html code ... View more

Hi all, I wondered if someone had a good on how to export a data grid to csv file after query. I would like something like this but this fiddle does not seem to work. Also  instead of the findTask, I use a simple queryTask. Any idea is welcome. Thanks, Alex function addToMap3(results) {                              // make sure both queries finished successfully                                                           map.graphics.clear();                              var featureArray = results.features;                              if (featureArray && featureArray.length > 0) {                                  // do stuff with the features                                  arrayUtils.forEach(featureArray, function (feat) {                                      feat.setSymbol(symbol8);                                      map.graphics.add(feat);                                  });                                  var extent = esri.graphicsExtent(map.graphics.graphics);                                  map.setExtent(extent, true);                              } else {                                  // do stuff when no features were found                                  alert("No features found")                              }                                                                                   } ... View more

Hi all, I made a dropdown that queries some attributes by "county" and returns results in a dropdown. Now I need to enable the user to select values onchange  or current from this prepoulated dropdown. I was able to get the first value but not the other values. Any ideas? variable that stores the select value var pickerValues; Queries for drop down: //Select values from Alameda only - onload                          var queryTask = new QueryTask("http://webgisdevint1/arcgis/rest/services/ResourceMgmt/WatershedMapper10_2/MapServer/5");                          var query = new Query();                          query.returnGeometry = false;                          query.outFields = ["CALWNUM"];                          query.where = "County = 'Alameda'";                          queryTask.execute(query, function (results) {                              //parse results and add to autocomplete widget                              $.each(results.features, function (index, value) {                                  $('#selectpickerValues').append($('<option>', {                                      value: value,                                      text: value.attributes.CALWNUM                                  }));                              });                          });                          //Query Planning Watershed                          $("#selectpickerCounty").change(function () {                                                           $('#selectpickerValues').empty();                              var queryTask = new QueryTask("http://webgisdevint1/arcgis/rest/services/ResourceMgmt/WatershedMapper10_2/MapServer/5");                              var query = new Query();                              query.returnGeometry = false;                              query.outFields = ["CALWNUM"];                              query.where = "County='" + pickerCounty + "'";                              queryTask.execute(query, function (results) {                                  //parse results and add to autocomplete widget                                  $.each(results.features, function (index, value) {                                      $('#selectpickerValues').append($('<option>', {                                                                                   value: value.attributes.CALWNUM,                                          text: value.attributes.CALWNUM                                      }));                                      pickerValues = value.attributes.CALWNUM;                                  });                                                                                                                                 });                          });                          }); Drop down: <select id="selectpickerValues" class="form-control"></select> ... View more

Hi all, I have multiple dropdowns from which I can select Township/range and section values that are used for queries. It does the job when I change the values of the drop downs but when nothing is selected (no change) in the drop down then NO value is selected. Any idea how to get the current value and then the onchange value if users change value on drop downs? Query: var picker1;                          var picker2;                          var picker3;                          var picker4;                          var picker5;                          $("#selectpicker1").change(function () {                              picker1 = this.value;                              alert(this.value);                          });                          $("#selectpicker2").change(function () {                              picker2 = this.value;                              alert(this.value);                          });                          $("#selectpicker3").change(function () {                              picker3 = this.value;                              alert(this.value);                          });                          $("#selectpicker4").change(function () {                              picker4 = this.value;                              alert(this.value);                          });                          $("#selectpicker5").change(function () {                              picker5 = this.value;                              alert(this.value);                          }); on(dom.byId("Query1"), "click", queryPLSS);                          function queryPLSS() {                              var queryTask = new QueryTask("http://webgisdevint1/arcgis/rest/services/ResourceMgmt/WatershedMapper10_2/MapServer/0");                              queryTask.on("complete", addToMap);                              var query = new Query();                              query.returnGeometry = true;                              query.outFields = ["TOWNSHIP", "RANGE", "SECTION"];                              query.where = "TOWNSHIP='" + picker1 + picker2 + "' AND " + "RANGE='" + picker3 + picker4 + "' AND " + "SECTION=" + picker5;                              query.outSpatialReference = map.spatialReference;                              queryTask.execute(query, function (featureSet) {                                  var AOI = featureSet.features[0].geometry;                                  var graphic = new Graphic(AOI, symbol8);                                  var features = [];                                  features.push(graphic);                                  var fSet = new FeatureSet();                                  fSet.features = features;                                  console.log("Querying...");                              }); Thanks, Alex ... View more