how capture if EditForm component is "dirty" in Blazor webassembly

Question

Is there an equivalent to the concept of dirty forms in Angular for EditForm in Blazor Webassembly? I would like to show up a text "You have made changes. Any unsaved changes will be lost!" to indicate the user that something is not yet saved and the submit button should be hit before leaving.

A. Dixon · Accepted Answer · 2021-02-13 15:05:24Z

6

Yes, there is, but we don't use dirty words, we use modified or unmodified.

The EditContext class provide the following:

     /// <summary>
        /// Determines whether any of the fields in this <see cref="EditContext"/> have been modified.
        /// </summary>
        /// <returns>True if any of the fields in this <see cref="EditContext"/> have been modified; otherwise false.</returns>
        public bool IsModified()
        {
            // If necessary, we could consider caching the overall "is modified" state and only recomputing
            // when there's a call to NotifyFieldModified/NotifyFieldUnmodified
            foreach (var state in _fieldStates)
            {
                if (state.Value.IsModified)
                {
                    return true;
                }
            }

        return false;
        }


    /// <summary>
        /// Determines whether the specified fields in this <see cref="EditContext"/> has been modified.
        /// </summary>
        /// <returns>True if the field has been modified; otherwise false.</returns>
        public bool IsModified(in FieldIdentifier fieldIdentifier)
            => _fieldStates.TryGetValue(fieldIdentifier, out var state)
            ? state.IsModified
            : false;

        /// <summary>
        /// Determines whether the specified fields in this <see cref="EditContext"/> has been modified.
        /// </summary>
        /// <param name="accessor">Identifies the field whose current validation messages should be returned.</param>
        /// <returns>True if the field has been modified; otherwise false.</returns>
        public bool IsModified(Expression<Func<object>> accessor)
            => IsModified(FieldIdentifier.Create(accessor));

edited Feb 13, 2021 at 15:05

A. Dixon

1873 silver badges18 bronze badges

answered Feb 20, 2020 at 21:51

enet

46.4k6 gold badges103 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fabianus Over a year ago

Just one more aspect to this question - how to reset the IsModified flag once the update was executed?

AlbertK Over a year ago

You can use EditContext.MarkAsUnmodified() to reset the state

Collectives™ on Stack Overflow

how capture if EditForm component is "dirty" in Blazor webassembly

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related