Advanced Scenarios

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Changing the Field Value

You can emit the field changes without using the KendoReact Field component by utilizing the onChange callback in the FormRenderProps.

Example
View Source
Edit In Stackblitz  
Change Theme:

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.

Example
View Source
Edit In Stackblitz  
Change Theme: