topic Re: FeatureTable selected row not highlighted on map in ArcGIS JavaScript Maps SDK Questions

FeatureTable selected row not highlighted on map

PL1 — Mon, 05 Sep 2022 09:17:11 GMT

Hello I am using arcgis/core version 4.21.2. I am creating a web application based on ArcGIS API for JavaScript.

My problem is that I am not able to highlight selected rows on map. My code is the following

const [featureTable, setFeatureTable] = useState(null as any); useEffect(() => { const map = new Map({ basemap: "arcgis-topographic", layers: layers.map((layer, index) => layer.mapImageLayer), }); const view = new MapView({ zoom: INITIAL_ZOOM, center: LOCATION_CENTER, map: map, }); const initWidgetParams = { allotmentRef: allotmentRef, globalFeatureTable: new FeatureTable({ view: view, menuConfig: { items: [] } }), featureTableVisibility: false, view: view }; view.when(() => { initWidgets(initWidgetParams) }); setFeatureTable(initWidgetParams.globalFeatureTable); }, []);

I hope the code is clarifying.

Re: FeatureTable selected row not highlighted on map

ReneRubalcava — Mon, 05 Sep 2022 16:30:15 GMT

At a glance, it doesn't look like you are adding the layer to the FeatureTable.

Would need a simpler codepen or similar if that doesn't fix it.

Re: FeatureTable selected row not highlighted on map

PL1 — Tue, 06 Sep 2022 05:14:47 GMT

Hello and thank you for the response!

I did not post a larger snippet as the program is quite large. Inside the InitWidgets function I set the layer to the FeatureTable this way

layerList.on("trigger-action", function(event: { item: any; action: any }) { const layer = event.item.layer; layer .createFeatureLayer() .then((featureLayer: FeatureLayer) => { globalFeatureTable.layer = featureLayer; return featureLayer.load(); }) })

where the layerList is a LayerList widget.