Unable bind property to same field names on another page

Im a beginner in Vaadin.

I created a basic project in vaadin for data binding.

I have 3 pages and one bean class in it.
where navigation is in the order of page1->page2->page3 , when the user click the button.

Data from page1 is binded and passed to page2 which can also be displayed in page2.
Similarily, another 1 data is added to the bean and binded , passed to page 3.
But the page 3 cannot retrieve those data’s.

The following error is shown:
“HTTP Status 500 - com.vaadin.server.ServiceException: com.vaadin.data.fieldgroup.FieldGroup$BindException: Property id firstName is already bound to another field”

Bean property - firstName is binded to a textField in page2.
I need the same firstName to be binded to another text field in page3.

How to achieve this ?

I have attached the files for further reference.

13401.zip (24.4 KB)

A Property can be bound to multiple fields, but a single FieldGroup only supports binding a Property instance to a single field.

Thus, you might need to use separate FieldGroups for the different pages (still bound to the same Property instances).

Alternatively, you can bind the other fields to the property manually (field.setPropertyDataSource(property)). This approach might require additional configuration for the field (see FieldGroup.configureField(…)) in some cases, and does not provide the transactionality support of FieldGroup, but is sufficient in many cases.