This is a migrated thread and some comments may be shown as answers.

2 Way Data Binding for KendoReactForm Fields

2 Answers 325 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

Aydın asked on 12 Oct 2020, 04:17 PM

I have a functional component which includes a FirmaListesi component to set seciliFirma state and a Form component which edits the selected seciliFirma object. FirmaListesi component includes only a KendoReact Combobox. When I select a Firma object from that component, I want Form component's Field to update its value. However it doesn't happen which occurs with an ordinary Input component.

Am I doing something wrong?

Kind regards.

const FirmaEkle = () => {

const [firma, setFirma] = useState({ adi: "dswsd" } as Firma);

const firmalar = useTypedSelector((state) => state.firma.firmalar);

const seciliFirma = useTypedSelector((state) => state.firma.seciliFirma);

const dispatch = useDispatch();

const firmaEkle = () => {

dispatch(updateFirma([...firmalar, { adi: "ewrer", id: 2 }]));

};

const handleSubmit = async () => {

await FirmaKaydet(firma);

};

return (

<>

<FirmaListesi></FirmaListesi>

<Form

onSubmit={handleSubmit}

initialValues={seciliFirma}

render={(formRenderProps) => (

<FormElement style={{ width: 400 }}>

<fieldset className="k-form-fieldset">

<legend className={"k-form-legend"}>Firma Bilgileri</legend>

<Field id={"adi"} name={"adi"} label="Firma Adı" component={FormInput}></Field>

<Button type="submit" disabled={!formRenderProps.allowSubmit}>

{seciliFirma ? "Güncelle" : "Kaydet"}

</Button>

</fieldset>

</FormElement>

)}

/>

<Button onClick={() => alert(seciliFirma.adi)}>Deneme1</Button>

</>

);

};

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Resources

Productivity and Design Tools

2 Way Data Binding for KendoReactForm Fields

2 Answers, 1 is accepted