Question

我有一个选择组件（一个特定的组合框），并添加了一个SQLContainer作为ContainerDataSource。

我通过.setItemCaptionPropertyId("myID")设置了ItemCaption。但是，我需要使用两个属性作为标题。

假设ID为“myID”的属性表示类似“foo”的字符串。还有另一个名为“myCodeID”的属性，代表一个像“23”的数字。

我怎么能让我的ComboBox将其项目的标题显示为“23 foo”？

我正在搜索.setItemCaptionPropertyIds("myId", "myCodeID")之类的内容。

Answer 1

我相信你可以使用几种方法，但至少有以下两种方法可以使用：

1）快速脏

如何使用＆＃34;假属性＆＃34;，这意味着您使用的对象上没有实际存在的属性，那就是具有该名称的getter。自Vaadin will also look for getters/setters确定商品属性后，它会找到它并将其用于您的标题。

我知道它不是最优雅的修改你的模型类，但它会让你到那里。此外，根据您的实施情况，您可以使用包含Person方法的PersonCaptionGenerator来装饰getCaption()，以使事情稍微分开。

假设你有一个像：

这样的bean

public static class Person {
        private String name, surname;
        private int age;

        public Person(String name, String surname, int age) {
            this.name = name;
            this.surname = surname;
            this.age = age;
        }

        public String getName() {
            return name;
        }

        public String getSurname() {
            return surname;
        }

        public void setName(String name) {
            this.name = name;
        }

        public void setSurname(String surname) {
            this.surname = surname;
        }

        public int getAge() {
            return age;
        }

        public void setAge(int age) {
            this.age = age;
        }

        public String getCaption() {
            // getter to be used as caption
            return name + " " + surname;
        }
    }

然后你可以这样写：

public class ComboBoxComponent extends VerticalLayout {
    public ComboBoxComponent() {
        BeanItemContainer<Person> dataSource = new BeanItemContainer<>(HasCaption.class);

        ComboBox comboBox = new ComboBox();
        comboBox.setItemCaptionMode(AbstractSelect.ItemCaptionMode.PROPERTY);

        // use a fake property which will get identified by the getter
        comboBox.setItemCaptionPropertyId("caption");
        addComponent(comboBox);

        comboBox.setContainerDataSource(dataSource);
        Random random = new Random();
        for (int i = 0; i < 10; i++) {
            dataSource.addBean(new Person("Name " + i, "Surname " + i, random.nextInt(99) + 1));
        }
    }
}

2）扩展组合并添加字幕生成器

如果您无法修改模型并拥有一些通用且可重复使用的解决方案，则可以扩展ComboBox并覆盖getItemCaption()方法。请注意，我使用了BeanItemContainer因为它更容易，因为它将bean本身保存为项ID，但如果需要不同的容器，则可以调整它。

从相同的Person bean开始，但没有假属性的getter。

通用合同：

public interface CaptionComposer<T> {
    String getCaption(T item);
}

我们Person bean的实现：

private class PersonCaptionGenerator implements CaptionComposer<Person> {
    @Override
    public String getCaption(Person person) {
        return person.getName() + " " + person.getSurname();
    }
}

自定义组合框，将标题检索推迟到生成器：

public static class MyComboBox<T> extends ComboBox {
    private CaptionComposer captionComposer;

    public MyComboBox(CaptionComposer<T> captionGenerator, BeanItemContainer<T> dataSource) {
        this.captionComposer = captionGenerator;
        setContainerDataSource(dataSource);
    }

    @Override
    public String getItemCaption(Object itemId) {
        return captionComposer.getCaption(itemId);
    }
}

最后，将其添加到用户界面：

public class ComboBoxComponent extends VerticalLayout {
    public ComboBoxComponent() {
        BeanItemContainer<Person> dataSource = new BeanItemContainer<>(Person.class);

        addComponent(new MyComboBox<>(new PersonCaptionGenerator(), dataSource));

        Random random = new Random();
        for (int i = 0; i < 10; i++) {
            dataSource.addBean(new Person("Name " + i, "Surname " + i, random.nextInt(99) + 1));
        }
    }
}

最后两个人都会得到你：

如何在选择模式“属性”中使用多个ID

1 个答案: