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; } } }

Editor widget 4.15

MKY

I an using Editor widget 4.15 with update workflow. I want to do additional pre-processing of the updated feature before it is posted (commit) to the feature layer. I could not figure out the best way to listen to an event when "Update" button is clicked.

Najděte více příspěvků označených jako

Accepted answers

AnneFitz

You can use the sketchViewModel.update event to see when the geometry is being edited (as they do in the Sketch Update Validation sample).

The editorViewModel.featureFormViewModel controls the Editor form - you should be able to use set featureFormViewModel.valid to false if the edited geometry is invalid, and that will disable the "update" button on the editor widget.

I haven't tested this out yet, but hopefully that will get you going in the right direction! Let me know how it turns out.

All comments

MKY

Anne, Thank you for you guidance! I was able to validate and implement.

AnneFitz

You can use the sketchViewModel.update event to see when the geometry is being edited (as they do in the Sketch Update Validation sample).

I haven't tested this out yet, but hopefully that will get you going in the right direction! Let me know how it turns out.

MKY

Anne, thank you.

I have the following workflow and not sure how to proceed.

In the editor tool I want to edit geometry and attribute. If the edited geometry is invalid, i want to disable the "update" button on the editor widget. If the geometry is valid, I have to update an attribute field (in code) based on the new geometry and its relationship to another feature layer.

I hope it makes sense. by the way, I use the sample code for sketch update validation. Sketch update validation | ArcGIS API for JavaScript 4.15 for geometry validation

AnneFitz

Hi Markos,

I'm not sure if this is exactly what you're looking for, but you could try watching the "state" property on the Editor.viewModel:

editor<SPAN class="punctuation token">.</SPAN>viewModel<SPAN class="punctuation token">.</SPAN><SPAN class="token function">watch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"state"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>
   newValue<SPAN class="punctuation token">,</SPAN>
   oldValue<SPAN class="punctuation token">,</SPAN>
   propertyName<SPAN class="punctuation token">,</SPAN>
   target
<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
   console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>
      propertyName <SPAN class="operator token">+</SPAN> <SPAN class="string token">" changed from "</SPAN> <SPAN class="operator token">+</SPAN> oldValue <SPAN class="operator token">+</SPAN> <SPAN class="string token">" to "</SPAN> <SPAN class="operator token">+</SPAN> newValue
   <SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

See it in action here: https://codepen.io/annefitz/pen/PoPjwoQ

Observe the change in state in the console.

Hope this helps!

Anne

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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