combo box from api doesn't work

[beshoy]

hi guys,

when i try to bind combo box from web api  it doesn't work in right way although the data comes properly and it works fine with static data :  

<ComboBox data={this.state.domains} dataItemKey="DomainObjectID"    textField="DisplayName" onChange={this.handleChange} value={this.state.value}/>

what is the prolem

 

 

[Stefan]

Hello, Beshoy,

For the ComboBox it does not make a difference where the data is coming from. It expects an array of data.

I can assume that "this.state.domains" is not in the expected format.

Could you please console.log(this.state.domains) inside render and share the result with us? This will allow me to inspect if the issue is connected to the data format.

Regards,
Stefan
Progress Telerik

[beshoy]

hi ,

thanks for your replay i found the problem ,it's binding correctly but the problem is the combo box is render behind the form "due to telerik style" ,i don't know why it happen 

[Stefan]

Hello, Beshoy,

Thank you for the clarification.

This is the reason why this is happening:

https://www.telerik.com/kendo-react-ui/components/popup/stack-order/

Regards,
Stefan
Progress Telerik