How to Concatenate Two Values into FormComboBox textField

[Daniel]

I'm trying to concatenate two values into the textField property for FormComboBox, but it doesn't allow me. Instead I get an error:

Uncaught runtime errors:
ERROR
_utils__WEBPACK_IMPORTED_MODULE_2__.getItemValue(...) is undefined

My code is below. Perhaps someone can help?

<Field
	key={'personU'}
	id={'personU'}
	name={'personU'}
	label={'U'}
	textField={'abc' + 'def'}
	dataItemKey={'uic'}
	placeholder={'U...'}
	component={FormComboBox}
	allowCustom={true}
	data={units}
	virtual={{
		total: uCount,
		pageSize: uPageSize,
		skip: page
	}}
	onPageChange={pageChange}
	/>

 I've tried the following:

textField={'abc' + 'def'}

textField={`${abc} ${def}`}

[Konstantin Dikov]

Hi Daniel,

The textField property of the ComboBox expects a single string value that will point to a property in the underlying dataItem that will be displayed. For displaying multiple values from the data item you will have to use the itemRender and the valueRender of the ComboBox as shown in the following example:

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

Another option is to add new field in the data bound to the ComboBox that will represent the text that you want to display and set the "textField" to that new field.

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[Daniel]

Thank you!