Vaadin zone de liste déroulante avec les valeurs et les Id

J'ai défini un ComboBox qui permet à l'utilisateur de sélectionner un contact à partir de sa liste de contacts. La zone de liste déroulante affiche le nom du contact, mais qui ne peut pas vraiment être utilisé pour mapper le contact réel: l'ID contact est nécessaire. Mon problème est que je ne sais pas comment faire pour remplir le Vaadin ComboBox associé à des valeurs et d'Id, mais seulement en montrant les valeurs.

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

Comme vous pouvez le voir dans le code ci-dessus, je suis en ajoutant le contactName à la ComboBox, mais je ne sais pas comment ajouter également le contactId afin que je puisse connaître plus tard, à partir de l'entrée sélectionnée, l'ID doit être utilisé pour mettre à jour la base de données.

OriginalL'auteur dangonfast | 2012-05-30

  1. 11

    Il y a plusieurs façons de procéder : le plus flexible, ici, est de configurer la zone de liste déroulante pour utiliser une propriété nommée comme une légende.
    Voir Livre De Vaadin sur la Sélection d'Articles pour plus de détails.

    //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);
    J'ai été incapable de mettre en œuvre cette solution. getProperty("nom") n'existe pas en tant que méthode pour l'Article. Il est getItemProperty, mais je n'avais pas de succès en les utilisant.
    Cette solution ne fonctionne pas pour moi non plus, veuillez jeter un oeil à ma proposition. Je ne sais pas quelle version de vaadin vous utilisez ;[

    OriginalL'auteur Charles Anthony

  2. 10

    La solution donnée par @Charles Anthony n'a pas fonctionné pour moi non plus, cependant sur le livre de vadin page web ( https://vaadin.com/book/-/page/components.selecting.html ), j'ai trouvé le code suivant:

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

    qui fonctionne pour moi.

    J'ai essayé et ça ne fonctionne pas pour moi, les valeurs vides...
    J'ai résolu mon problème, il suffit de faire attention à ne pas utiliser setItemCaptionPropertyId, cela va remplacer n'importe quel manuel de setItemCaption code, même si setItemCaption est appelée après setItemCaptionPropertyId

    OriginalL'auteur BlueLettuce16

  3. 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();        

    }
};
    Vraiment utile, merci

    OriginalL'auteur Amit S

  4. 2

    Charles Anthony est absolument droit.

    Vous pouvez également prendre l'avantage d'un Conteneur comme BeanContainer ou BeanItemContainer par exemple (plus d'informations ici) pour ajouter votre objet de contact à votre liste déroulante.
    Vous aurez besoin pour remplir votre récipient et ajouter avec

    contactNameCombo.setContainerDataSource(YOUR_CONTAINER);

    de votre zone de liste déroulante.

    Cette solution a l'air prometteur. J'ai créé une classe d'Haricot pour mes données, peuplé d'une BeanContainer avec plusieurs les Fèves, et les associés que pour la zone de liste déroulante via setContainerDataSource. Tout s'affiche correctement. Maintenant, j'ai un problème pour obtenir la valeur sélectionnée: si je ne getValue() sur la zone de liste déroulante que j'obtiens la valeur affichée. Je veux obtenir l'Id. Pour cela, je voudrais obtenir le "sélectionné" Bean dans le conteneur associé, de sorte que je puisse analyser la Fève de données. Est-il possible de savoir qui de l'entrée dans le conteneur associé est utilisé pour afficher du texte dans la zone de liste déroulante?
    Si vous utilisez un BeanContainer vous pouvez définir sur le conteneur de la propriété de votre pièce d'identité avec setBeanIdProperty(Object o). Si vous utilisez un BeanItemContainer vous souhaitez obtenir votre "plein" de l'objet de Contact.

    OriginalL'auteur nexus