Can I draw simple geometries and save them as features on my feature layer in JS API 4.x?

Question

I found this sample for JS API 3.x Edit without editor widget | ArcGIS API for JavaScript 3.23  and I want to do something similar in JS 4.x, I only found this sample for now https://developers.arcgis.com/javascript/latest/sample-code/editing-applyedits/index.html, but here it's just adding point data. Is there something similar like the sample in v3 available in v4 where I can draw, edit and delete a polygon and have it saved as a feature layer? If yes, it would be helpful if someone could point me to some documentation or samples.

Thanks!

SimonWebster · Answer

Deepanjana,

Thank you. That’s great.

For anyone finding this in the future, Deepanjana and Robert Scheitlins replies are combined in to a working 1 page solution here: View the full discussion<https://community.esri.com/message/811443-re-how-to-create-a-polygon-js-api-49?commentID=811443&et=watches.email.thread#comment-811443>

Simon

DeepanjanaMajumdar2 · Answer

Simon, I did get it to work, I used Update FeatureLayer using applyEdits() | ArcGIS API for JavaScript 4.9. I used sketchviewmodel to draw the features and then do applyEdits() something like this var sketchViewModel = new SketchViewModel({ view: view, layer: featureLayer, polygonSymbol: polygonSymbol }); // ************************************************************ // Get the completed graphic from the event and add it to view. // This event fires when user presses // * "C" key to finish sketching point, polygon or polyline. // * Double-clicks to finish sketching polyline or polygon. // * Clicks to finish sketching a point geometry. // *********************************************************** sketchViewModel.on("draw-complete", addGraphic); sketchViewModel.on("update-complete", modifyGraphic); //sketchViewModel.on("update-cancel", modifyGraphic); //sketchViewModel.on("update-start", modifyGraphic); function addGraphic(evt) { var geometry = evt.geometry; newIncident = new Graphic({ geometry: geometry, symbol: polygonSymbol, attributes: {} }); var edits = { addFeatures: [newIncident] }; applyEdits(edits); }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

SimonWebster · Answer

Deepanjana, Did you ever get this working? If so, can you share your code, please?