値とIDを持つVaadin ComboBox

Question

ComboBoxを定義しました。ユーザーは連絡先リストから連絡先を選択できます。 ComboBoxは連絡先の名前を表示していますが、実際の連絡先にマップするのに実際に使用することはできません。連絡先IDが必要です。私の問題は、リンクされた値とIDを持つVaadinComboBoxをどのように埋め込むのか分かりませんが、その値だけが表示されます。

// 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); 

あなたは上記のコードで見ることができるように、私はComboBoxにcontactNameを追加していますが、私は私が後で知ることができるように選択された項目から、またcontactIdを追加する方法がわからない、そのIDデータベースの更新に使用する必要があります。

Answer 1

これにはいくつかの方法があります。最も柔軟なのは、名前付きプロパティをキャプションとして使用するようにコンボボックスを構成することです。 詳細については、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); 

Answer 2

チャールズアンソニーは絶対に正しいです。

BeanContainerやBeanItemContainerのようなコンテナ（例：here）を利用して、ComboBoxに連絡先オブジェクトを追加することもできます。 あなたは、コンテナを記入してくださいあなたのコンボボックスに

contactNameCombo.setContainerDataSource(YOUR_CONTAINER); 

でそれを追加する必要があります。私の作品

// Set item caption for this item explicitly 
select.addItem(2); // same as "new Integer(2)" 
select.setItemCaption(2, "Deimos"); 

：@Charlesアンソニーによって与えられた

Answer 3

ソリューションは、しかし、Webページ（https://vaadin.com/book/-/page/components.selecting.html）をvadinの著書に、いずれかの私のために動作しませんでした私は、次のコードを発見しました。

Answer 4

Vaadin 7：

statusSelectCombo.setItemCaptionMode(ItemCaptionMode.PROPERTY); 
statusSelectCombo.setItemCaptionPropertyId("courseOptionValue"); 

    IndexedContainer iContainer = new IndexedContainer(); 
    iContainer.addContainerProperty("courseId", String.class, ""); 
    iContainer.addContainerProperty("courseOptionValue", String.class, ""); 
    String addItemId=""; 
    String addItemCaption=""; 
for (int i = 0; i < comboItemsArray.length; i++) //String[] comboItemsArray 
{ 
    log.debug("comboItemsArray["+i+"] "+comboItemsArray[i]); 
    addItemId= comboItemsArray[i]; 
    addItemCaption=comboItemsArray[i]; 
    Item newItem = iContainer.getItem(iContainer.addItem()); 
    newItem.getItemProperty("courseId").setValue(addItemId); 
    newItem.getItemProperty("courseOptionValue").setValue(addItemId); 
} 
statusSelectCombo.setContainerDataSource(iContainer); 

ValueChangeListener listener = new Property.ValueChangeListener() 
{ 
    public void valueChange(ValueChangeEvent event) 
    { 
    statusSelectCombo.getItemIds(); 
    Property changedProperty = event.getProperty(); 
    Object selectedStatus = (Object) statusSelectCombo.getValue(); //it is get Value but gives object ID as an Object 
    Item rowItem = statusSelectCombo.getItem(selectedStatus); 
    final String selectedCourseId = (String) rowItem.getItemProperty("courseId").getValue();   

    } 
};