Vaadin 绑定 LocalDate 和 RadioButtonGroup

Question

如何从 Vaadin RadioButtonGroup country 绑定到 Country country DAO 对象？国家是枚举和 DateField(vaadin) 到 LocalDate(DAO)

public class Person {

    @Id
    String id;
    LocalDate dateBorn;
    Country country; 

……

public class PersonFormUI extends GridLayout {

    RadioButtonGroup<Country> country;
    DateField dateBorn; 

........

public enum Country {
    EN, DE, IT }

使用此绑定，所有字段都已绑定并且运行良好，但是如何使用Converter 绑定枚举和日期？

binder.bindInstanceFields(this);
binder.setBean(personDAO);

Answer 1

如果我可以在直接编写代码之前添加一些建议：

• 如果你想要一个很好对齐的表格，你可以使用FormLayout
• 我建议使用ComboBox 而不是RadioButtonGroup 来显示国家/地区，因为它使用的空间更少，并且还允许您通过输入快速找到您想要的内容。但如果你真的想要收音机，请将组合线替换为RadioButtonGroup<Country> countries = new RadioButtonGroup<>("Country", DataProvider.ofItems(Country.values()));

您可以在下面找到基于上述建议和 Vaadin 8.3.1 的绑定示例。我认为不需要任何转换，因为框架会为您处理。

我做的唯一额外的事情是为组合添加一个ItemCaptionGenerator 以显示完整的国家/地区名称，而不是使用枚举名称的默认值（同样的事情可以与RadioButtonGroup 一起使用）。

代码：

public class PersonForm extends FormLayout {

    public PersonForm() {
        // form components
        DateField birthDate = new DateField("Birth date");
        ComboBox<Country> countries = new ComboBox<>("Country", Arrays.asList(Country.values()));

        // use full country name instead of ugly Enum name
        countries.setItemCaptionGenerator(Country::getFullName);

        // do not allow the user to select "nothing"
        countries.setEmptySelectionAllowed(false);

        // binder setup
        Binder<Person> userBinder = new Binder<>();

        // birth date binding
        userBinder.forField(birthDate)
                .asRequired("Please provide a birth date")
                .bind(Person::getDateBorn, Person::setDateBorn);

        // country binding
        userBinder.forField(countries)
                .asRequired("Please select the country of residence")
                .bind(Person::getCountry, Person::setCountry);

        // bind to bean with some existing value (eg, loaded from DB for editing)
        userBinder.setBean(new Person(LocalDate.now(), Country.RO));

        // simulate a save action
        Button saveButton = new Button("Save", event -> Notification.show("Saved new user info: " + userBinder.getBean()));

        // add fields to the UI
        addComponents(birthDate, countries, saveButton);
    }

    // beans
    public class Person {
        private LocalDate dateBorn;
        private Country country;

        public Person(LocalDate dateBorn, Country country) {
            this.dateBorn = dateBorn;
            this.country = country;
        }

        public LocalDate getDateBorn() {
            return dateBorn;
        }

        public void setDateBorn(LocalDate dateBorn) {
            this.dateBorn = dateBorn;
        }

        public Country getCountry() {
            return country;
        }

        public void setCountry(Country country) {
            this.country = country;
        }

        @Override
        public String toString() {
            return "Person{" +
                    "dateBorn=" + dateBorn +
                    ", country=" + country +
                    '}';
        }
    }

    public enum Country {
        RO("Romania"), DE("Deutschland"), IT("Italy");

        private String fullName;

        Country(String fullName) {
            this.fullName = fullName;
        }

        public String getFullName() {
            return fullName;
        }
    }
}

结果：

---

你可以更进一步，根据binder status禁用按钮（也许你想使用相同的表单来添加没有初始值的新人）：

// disable saving until all required data is available
userBinder.addStatusChangeListener(event -> saveButton.setEnabled(userBinder.isValid()));`

结果：