EditingwiththeArcGISAPIforEditingwiththeArcGISAPIforJavaScriptJavaScript

BjornSvensson,HeatherGonzago,JCFrancoBjornSvensson,HeatherGonzago,JCFranco

 

�Slides&demos: �

 

https://bit.ly/editinguc19

https://bit.ly/editinguc19

AgendaAgendaWebeditingEditorwidgetDifferentwork�owsQ&A

DatainafeatureserviceDatainafeatureserviceOneormorefeaturelayersEditable

EdityourfeaturelayerEdityourfeaturelayerArcGISRESTAPI

ArcGISOnline

ArcGISAPIforPython

ArcGISAPIforJavaScript

https://developers.arcgis.com/rest/services-reference/feature-service.htm

WebeditingintheWebeditinginthebrowserbrowser

1.Whattoadd:2.Geometry:3.Fields/attributes:4.

5.Editorwidget

FeatureTemplatesSketch

FeatureFormFeatureLayer.applyEdits

http://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTemplates.htmlhttp://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.htmlhttp://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.htmlhttp://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits

EditorwidgetEditorwidget

https://jcfranco.github.io/uc-2019-editing-with-the-js-api/demos/basic-editing/

DifferentWork�owsDifferentWork�ows

Form-basedForm-based

☝FeatureForm

https://developers.arcgis.com/javascript/latest/sample-code/editing-groupedfeatureform/index.html

FeatureFormFeatureForm

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html

Rendersinput�eldsfromattributes

FeatureFormFeatureForm

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html

Rendersinput�eldsfromattributesCon�gurableFieldorderLabel/descriptionGroupsVisibilityexpression

FeatureFormFeatureForm

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureForm.html

FeatureFormFeatureFormDemoDemo

https://jcfranco.github.io/demos/feature-form/index.html

PuttingitalltogetherPuttingitalltogetherUsecase:ReportBikeTheft

https://jcfranco.github.io/dev-summit-2019-plenary-demos/form-based-editing/

Geometry-basedGeometry-based

☝Sketch

andandProvidesabilitytomanipulategeometriesThewidgetprovidesout-of-the-boxtoolsforcreatingandupdatinggraphicspoint,polyline,polygon,rectangleandcirclegeometries

KeyboardshortcutsWorkswithwithgraphicsstoredinitsassociatedlayer(GraphicsLayer)property.

SketchSketch SketchViewModelSketchViewModel

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.htmlhttps://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.html

EditororSketch?EditororSketch?UseSketchinplaceofEditorforcustomizedwork�ows,e.g.CreateowncustomtoolthatEditordoesnotyethave,e.g.CutUpdatingmultiplegeometrytypessimultaneouslyCon�gurabletooloptions(createandupdate)

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch.html#CreateToolEventInfo

SketchViewModelwithapplyEditsSketchViewModelwithapplyEdits

SketchwidgetwithapplyEditsSketchwidgetwithapplyEdits

SketchwithcustomtoolsSketchwithcustomtoolsUsecase:Customsketchtoolfunctionalityusing

GeometryEngine

SketchVMwithcustomsnappingSketchVMwithcustomsnappingandvalidationandvalidation

FeatureLayerwithoutfeatureFeatureLayerwithoutfeatureserviceservice

Use (insteadofFeatureLayer.url)foranarrayofclient-sidefeatures.

FeatureLayer.source

Demo

https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#sourcehttps://codepen.io/bsvensson/pen/KYQOWa

RecapRecapWebeditingEditorwidgetsDifferentwork�ows

Questions?Questions?http://bit.ly/editinguc19

https://developers.arcgis.com/javascript/

http://bit.ly/editinguc19https://developers.arcgis.com/javascript/

ThankYou!ThankYou!