Is it possible to submit Kendo React Form programatically without submit button?

[nodsec]

Hi, I would like to ask, if is somehow possible to submit Kendo Form programatically. I checked Form ref and also formRenderProps, but there is not method "submit" (or another) to submit form by the script.

Is it somehow possible? I would like to somehow submit this example form without submit button.

// How to submit this form programatically by the script (without submit button)?
<Form onSubmit={handleSubmit}
                 ref={refForm}
                 validator={formValidator}
                 initialValues={initialValues}
                 render={(formRenderProps) => {
                     return <FormElement>
                         <fieldset className={"k-form-fieldset"}>
                             <div className="mb-3">
                                 <Field name={"title"}
                                        component={ValidatedInput}
                                        label={"group.title"}/>
                             </div>
                             <div className="mb-0">
                                 <T _translateProps={['label']}>
                                     <Field name={"description"}
                                            component={ValidatedTextArea}
                                            label={"group.description"}/>
                                 </T>
                             </div>
                         </fieldset>
                     </FormElement>;
                 }}
    />;
 

Thanks a lot.

 

[Konstantin Dikov]

Hello Nodsec,

Using the "ref" is the correct way of submitting the Form programmatically. You need to use refForm.current.onSubmit() to trigger the submit function. Following is an example demonstrating how to achieve this:

• https://stackblitz.com/edit/react-cmldqd?file=app%2Fmain.tsx

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik