nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Interactive FeatureTable Digit

KeithGerhartz1

Has anyone implemented the javascript FeatureTable digit such that selections between it and the underlying featurelayer are synchronized?

Vind meer berichten getagd met

Accepted answers

All comments

KeithGerhartz1

Thanks much. Interesting. The form on(appTable, "dgrid-select", function(evt){ }); is in the example and works for you but does not work for me. I had to use the following: appTable.on("dgrid-select", function(evt){ });

DeryckMills

Love an answer to your 2nd question if someone knows the answer - how to refresh a featuretable.

For your 1st question this worked for me. (sorry couldn't get it formatted correctly)

	//populate the AppTable grid
	appTable = new FeatureTable({

"featureLayer" : AppLayer,

//"readOnly" : false,

"map" : map

}, 'divApps');

appTable.startup();

on(appTable, "dgrid-select", function(evt){

// fires when a row in the grid is clicked

AppLayer.clearSelection();
var EditQuery = new esri.tasks.Query();
EditQuery.where = "OBJECTID = " + evt[0].data.OBJECTID;
EditQuery.outSpatialReference = new esri.SpatialReference({wkid:102100});
EditQuery.outFields = ["*"];
AppLayer.selectFeatures(EditQuery, esri.layers.FeatureLayer.SELECTION_NEW, function (features) {
	if (features !== undefined && features.length !== 0) {
		//should be only one result returned, so using first array value [0]
		zoomTo(features[0],250);
	}
	else {
		alert("Nothing found.")
	}
});

});

KeithGerhartz1

Thanks, that satisfies a portion of the need. Do you know how one would select a table row using the OBJECTID. Also, do you know how to refresh the featuretable after a new feature is added or an existing one is updated?

ChrisSmith7

Not sure if you've had a chance to look at the Esri example - ArcGIS API for JavaScript Sandbox

There's an event "dgrid-select" to which you can attach, something like:

on(myTable, "dgrid-select", function(evt){

console.log("The dgrid-select event - ", evt);

});

In "evt", you can extract data from the selected row, e.g. evt[0].data.Cmn_Name, or maybe a unique identifier.

From here, I imagine you can apply a selection using that info, maybe something like:

Feature layer with selection | ArcGIS API for JavaScript

You could probably put your selection logic in the "dgrid-select" event - not sure if you need to do multiple selections, though. If so, you can probably work something out!

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.