How to get modifiedByField object to update when I undo a change inside <Form>

[Vincent]

I'm currently using this object provided by the kendoForm injected property:

https://www.telerik.com/kendo-vue-ui/components/form/api/KendoFormInjectedProperty/#toc-modifiedbyfield

When I change a field inside the <FormElement> it adds the field to this object, however once I undo this change (return back to initial value) the field remains inside the object.

Here's a stackblitz to illustrate the problem:
https://stackblitz.com/edit/t7gw96?file=src%2FFormContent.vue

 

How do I remove the fields from this object when they no longer differ from their initial value?

 

[Plamen]

Hi,

Thank you for providing this questions.

The kendoForm injected object is an observable so you could modify it even from the FormContent component as for example it is done in this example - https://stackblitz.com/edit/t7gw96-yudjpu?file=src%2FFormContent.vue

This is one way to achieve this behavior yet we will also think about other possible approaches or adding some special method for handling this behavior for the future versions of the Kendo Form for Vue.  

Regards,
Plamen
Progress Telerik

[Vincent]

How do I know when a form value was reverted back to it's initial value as set in :initial-values?

https://stackblitz.com/edit/t7gw96-evzvtb?file=src%2FFormContent.vue

Currently it only checks if the field is modified or emptied, but I want to check if it's the same as it's initial value and only then remove it from modifiedByField

[Plamen]

Yes indeed - it was a dummy example. If you want to check for the default values you can pass them to the formContent as for example it is done in this example - https://stackblitz.com/edit/t7gw96-2wardr

Greetings,

Plamen