Get Updated Form Data without clicking on Submit button

[ahmedsakri]

Is your feature request related to a problem? Please describe.
I am trying to access the updated form object without clicking on submit. Ideally i should be able to get this.

Describe the solution you'd like
An Event Emitted like onFormUpdate or onUpdate similar to onChange() event which emits just one input data.

Describe alternatives you've considered
N/A

Additional context
Add any other context or screenshots about the feature request here.

[ahmedsakri]

@manojadams any thoughts on above?

[manojadams]

Thanks for the suggestion @ahmedsakri.

Looks like a good idea.

[manojadams]

Hi @ahmedsakri, The onChange event would send data in the following form:

• section - the info about the form grouping to which the field belongs
• field - the name of the field
• value - the changed value of the field

Does it not solve your problem?

[ahmedsakri]

@manojadams No, this does not solve it because this returns the data related to only one input field. Whereas, i want the updated whole form data. This can be in another event passed like: onFormUpdate or onUpdate as onChange event returns data related to a single input field.

[manojadams]

@ahmedsakri Following version contains the enhancement:
mui-forms@1.0.33

Refer to the following section: https://mui-forms.vercel.app/installation

• changeResponseMode should be provided with value 'form-data' to get form data as a second parameter.

<MuiForms
    className="s-form"
    schema={schema}
    changeResponseMode="form-data"
    onChange={(fieldData, formData) => {
        console.log(fieldData); // This is the field data with the current change
        console.log(formData); // This is the form data of all the fields
    }}
    onSubmit={() => {
        // to do
    }}
/>

Feel free to open this, if it still does not work for you.

[ahmedsakri]

@manojadams The newly added prop is onChangeMode and not changeResponseMode. Just checked the Merge Request in metaforms/core repository. Thanks!

[manojadams]

@ahmedsakri It has been initially added as onChangeMode but renamed into changeResponseMode. Here:
https://github.com/manojadams/metaforms-core/blob/master/src/MetaformRenderer.tsx

[manojadams]

@ahmedsakri Also, if you find the lib useful, can you give it a start.
Will be helpful to make it more popular :).

[ahmedsakri]

@manojadams Thanks and i have added a star to the repository!.