Binding fields to a bean

As mentioned in the previous recipe, generating fields in forms can be done very quickly. However, it is not very flexible. In some cases, we need to change, for example, the caption or the order of the fields. Therefore, when we want to create flexible forms, we can create each field separately and then bind them with a bean. In this recipe, we will create the same form as in the previous recipe, but we will change the caption of the fields.

How to do it...

Carry out the following steps to create form fields bound to a Java Bean:

1. Create a Vaadin project with a main UI class called Demo.

   public class Demo extends UI {…}

2. We start with a bean. This bean is for Product that has the attributes code, name, and price.

   public class Product {
     private int code;
     private String name;
     private double price;
   
     public Product(int code, String name, double price) {    
       this.code = code;
       this.name = name;
       this.price = price;    
     }  
     <insert getters and setters...