Advanced ScenariosPremium
The Form enables you to implement advanced use-case scenarios by using the FormRenderProps that are passed to the rendered component.
Reading the Field State
You can read the field state without using the KendoReact Field component by utilizing the valueGetter function in the FormRenderProps.
The following example demonstrates how to use the valueGetter function to read two numeric field values and display a calculated total outside of a Field component.
Changing the Field Value
You can emit the field changes without using the KendoReact Field component by utilizing the onChange callback in the FormRenderProps.
The following example demonstrates how to use the onChange callback to programmatically reset a numeric field value to 0 when a button is clicked.
Resetting the Form Initial State
You can dynamically reset (update) the Form initial value, by setting a key to the Form component and updating it.
This is very useful when we have to dynamically populate the Form with a new information.
In the following example we will dynamically load a new user information.