Feature Table and Selection on Map

LindaDunklee — Thu, 13 Oct 2016 17:59:08 GMT

I started with this code doing a lot of other things and now I'm having a hard time getting the feature table and the rest of the app to cooperate. Would anyone have any suggestions on how to tweak this to make selections in the feature table translate to the map, and vice versa? The version I'm including the feature table doesn't appear where it should. Taking the selection out makes the feature table appear.

A note, all of the data sources mentioned are the same. I'm sure this is part of the issue but can't quite wrap my head around how to clean up.

Thanks!

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
acc.onclick = function(){
this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");
}
}

require([
"dojo/dom", "dojo/on",
"esri/map",
"dojo/parser",
"esri/layers/FeatureLayer",
"esri/dijit/FeatureTable",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/Color",
"esri/graphicsUtils",
"esri/tasks/query",
"esri/tasks/QueryTask",
"dojo/ready",
"dojo/domReady!"
], function(dom, on, Map, parser,FeatureLayer, graphicsUtils, SimpleMarkerSymbol, SimpleLineSymbol, Color, FeatureTable,
Query,
QueryTask,
ready
) {

parser.parse();

ready(function(){

// Create the feature layer
var myFeatureLayer = new FeatureLayer("*datasourcehere*", {
mode: FeatureLayer.MODE_ONDEMAND,
outFields: ["*"],
visible: true,
id: "fLayer"
});

var selectionSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 7,
new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([0, 255, 197, 1])));

myFeatureLayer.setSelectionSymbol(selectionSymbol);

myFeatureLayer.on("click", function(evt) {
var idProperty = myFeatureLayer.objectIdField,
feature,
featureId,
query;

if (evt.graphic && evt.graphic.attributes && evt.graphic.attributes[idProperty]) {
feature = evt.graphic,
featureId = feature.attributes[idProperty];

query = new Query();
query.returnGeometry = false;
query.objectIds = [featureId];
query.where = "1=1";

myFeatureLayer.selectFeatures(query, FeatureLayer.SELECTION_NEW);
}
});

map.addLayer(myFeatureLayer);

myTable = new FeatureTable({
featureLayer : myFeatureLayer,
showGridMenu: false,
hiddenFields: [] // field that end-user can show, but is hidden on startup
}, "myTableNode");

myTable.startup();

});

var queryTask = new QueryTask("*datasourcehere*");

var query = new Query();
query.returnGeometry = false;
query.outFields = ["*"
];

on(dom.byId("execute"), "click", execute);
on(dom.byId("SitesCheck"), "click", changecheck);

map = new Map("map", {
center: [-94.560647,39.121954],
zoom: 7,
basemap: "dark-gray"
});

var featureLayer = new FeatureLayer("*datasourcehere");

map.addLayer(featureLayer);

function changecheck(){
if (dom.byId("SitesCheck").checked) {
featureLayer.show();
} else {
featureLayer.hide();
}
}

function execute() {
query.where = "Site_ID LIKE '%" + dom.byId("stateName").value + "%'";
queryTask.execute(query, showResults);
}

var panorama;
function initialize(latitude, longitude) {
panorama = new google.maps.StreetViewPanorama(
document.getElementById('streetviewpane'),
{
position: {lat: latitude, lng: longitude},
pov: {heading: 165, pitch: 0},
zoom: 1
});
}

Re: Feature Table and Selection on Map

KenBuja — Thu, 13 Oct 2016 18:01:45 GMT

The first thing that you need to fix is that the function arguments don't agree with the modules loaded in the require. These have to be in the same order!

Re: Feature Table and Selection on Map

LindaDunklee — Thu, 13 Oct 2016 18:16:42 GMT

That helped a ton already, the table appears now and the selection works, now it should just be getting the two to sync up. Thanks!

Re: Feature Table and Selection on Map

KenBuja — Thu, 13 Oct 2016 18:32:25 GMT

What's the difference between the two FeatureLayers you're adding to the map, myFeatureLayer and featureLayer?

Re: Feature Table and Selection on Map

LindaDunklee — Thu, 13 Oct 2016 18:37:38 GMT

There isn't - that's part of what I'm hoping I can consolidate - it's poorly written. That came about from trying to get a query to work, then trying to get a feature table to work, and not being able to get them to work together.

topic Re: Feature Table and Selection on Map in ArcGIS JavaScript Maps SDK Questions

Feature Table and Selection on Map

Re: Feature Table and Selection on Map

Re: Feature Table and Selection on Map

Re: Feature Table and Selection on Map

Re: Feature Table and Selection on Map