html – 带有值和ID的Vaadin ComboBox

我已经定义了一个ComboBox,允许用户从他的联系人列表中选择一个联系人. ComboBox显示联系人姓名,但实际上无法用于映射到真实联系人：需要联系人ID.我的问题是我不知道如何用链接的值和ID填充Vaadin ComboBox,但只显示值.

// Add all organization contacts to the drop-down
for (Contact contact : organizationContacts) {
    contactName = contact.getName();
    contactId   = contact.getId();
    _logger.debug("Adding contactName=" + contactName + " contactId=" + contactId + " to person with id=" + personId);
    contactNameCombo.addItem(contactName);
}

// Add the contact of this person,and select it in the drop-down
contactName = person.getContact().getName();
contactId   = person.getContact().getId();
contactNameCombo.addItem(contactName);
contactNameCombo.setValue(contactName);

正如您在上面的代码中看到的,我将contactName添加到ComboBox,但我不知道如何添加contactId以便稍后我可以从所选条目中知道必须使用哪个ID来更新数据库.

解决方法

有几种方法可以解决这个问题：这里最灵活的方法是将组合框配置为使用命名属性作为标题.
有关详细信息,请参见 Book Of Vaadin on Selecting Items.

// Set the caption mode to read the caption directly
// from the 'name' property of the item
contactNameCombo.setItemCaptionMode(Select.ITEM_CAPTION_MODE_PROPERTY);
contactNameCombo.setItemCaptionPropertyId("name");

// Add all organization contacts to the drop-down
for (Contact contact : organizationContacts) {
    contactName = contact.getName();
    contactId   = contact.getId();
    _logger.debug("Adding contactName=" + contactName + " contactId=" + contactId + " to person with id=" + personId);

    // Note : the itemId of the item is the contactId
    Item item = contactNameCombo.addItem(contactId);
    item.getProperty("name").setValue(contactName)
}
// Add the contact of this person,and select it in the drop-down
contactName = person.getContact().getName();
contactId   = person.getContact().getId();
Item item = contactNameCombo.addItem(contactId);
item.getProperty("name").setValue(contactName)

// Using the itemId (which = contactId) to select the given contact
contactNameCombo.setValue(contactId);