How to populate a DropDownList inside a form?

[Dominic]

Good afternoon,

I am trying to populate a DropDownList inside a form with a data array. 

<Field component={DropDownList}

 

I am populating "data" with the dataset, textField with the label data, and dataItemKey with the Ids.  Am I missing something?

Thanks 

[Wissam]

Hello, Dominic,

Your approach is correct. Here is an example where I am binding the data to an array of objects of a DropDownList inside a Form:

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

I hope this helps, but please let us know if you have any further questions.

Regards,
Wissam
Progress Telerik

[Dominic]

Thanks, it looks like a Z-Index issue.  It actually was populating the data, but was not visible in the panel.

[Wissam]

Hi, Dominic,

I understood that you were able to solve the faced issue.  Is this correct?

Regards,
Wissam
Progress Telerik

[Dominic]

Yes, thanks for your input.

[Wissam]

You are welcome!