Vaadin: How do I make a Component selectable with a RadioButton?

Question

I have a use case where the user needs to select items with checkboxes and then has a choice of two radio buttons. Now the plan was to use the radio buttons to select a component. One RadioButton would select a ComboBox, the other a TextField. However, I can't make this work nor did I find any info when googling.

Am I missing something? If I use setItems(), I get the object reference, not the object itself.

Thank you!

Edit - Code which I tried:

RadioButtonGroup<Component> rbg = new RadioButtonGroup();
TextField tf = new TextField("foo");
ComboBox<String> cb = new ComboBox();
rbg.setItems(tf, cb);

And

RadioButtonGroup<Component> rbg = new RadioButtonGroup();
TextField tf = new TextField("foo");
ComboBox<String> cb = new ComboBox();
rbg.add(tf, cb);

I tried to play around with different types and methods, but to no luck.

Answer 1

You can't use <Component> as the generic type parameter for a field. You'll need something like this:

        RadioButtonGroup<String> radioButtonGroup = new RadioButtonGroup<>();
        radioButtonGroup.setItems("foo", "bar");
        radioButtonGroup.setRenderer(new ComponentRenderer<>(item -> {
            if ("foo".equals(item)) {
                TextField textField = new TextField();
                return textField;
            } else {
                ComboBox<String> comboBox = new ComboBox<>();
                comboBox.setItems("baz", "quux");
                return comboBox;
            }
        }));
        radioButtonGroup.setValue("foo");
        add(radioButtonGroup);