时间戳

首页 > 解决方案 > 删除添加的按钮 Vaadin

java - 删除添加的按钮 Vaadin

问题描述

我有一个按钮。对于用户在文本字段中设置的每个数字，适当数量的按钮会添加到 ui。但是对于数字的每一次更改，我都希望删除所有 buttonAdded，但不是第一个，它已经到位。我怎么做？当我在示例中尝试它时它不起作用：

final int number = Integer.parseInt(this.textField.getValue());
    if(number > 1) {
        for(int i = 1; i < number; i++) {
            final XdevButton buttonAdded = new XdevButton("Button " + i);
            this.verticalLayout.removeComponent(buttonAdded);
            this.verticalLayout.addComponent(buttonAdded);
        }
    }

有没有办法在我的循环中创建具有已定义组件名称的新按钮？像这样的东西：XdevButton button + i = new XdevButton()？

编辑：（用列表尝试过） - 不起作用。

private void textField_valueChange(final Property.ValueChangeEvent event) {

    final int number = Integer.parseInt(this.textField.getValue());
    final List<XdevButton> addedButtons = new LinkedList<>();
    for(final XdevButton btn : addedButtons) {
        this.verticalLayout.removeComponent(btn);
    }
    addedButtons.clear();

    if(number > 1) {

        for(int i = 1; i < number; i++) {
            final XdevButton buttonAdded = new XdevButton("Button " + i);
            addedButtons.add(buttonAdded);
            for(final XdevButton btn : addedButtons) {
                this.verticalLayout.addComponent(btn);
            }
        }
    }
}

我错过了什么？

标签： javavaadin

解决方案

我将为要删除/添加的按钮创建一个单独的布局支架并使用它。出于测试目的，我已将您替换XdevButton为通用 Vaadin Button类。这似乎根据您的规格工作：

@Route("customView")
public class CustomView extends VerticalLayout {
    VerticalLayout buttonHolder=new VerticalLayout();

    public CustomView (){
        TextField tf=new TextField("Enter amount of buttons");
        tf.addValueChangeListener(event->{
            final int number = Integer.parseInt(event.getValue());
            if(number > 1) {
                buttonHolder.removeAll();
                for(int i = 0; i < number; i++) {
                    final Button buttonAdded = new Button("Button " + i);
                    buttonHolder.add(buttonAdded);
                }
            }
        });
        Button alwaysInPlace=new Button("This button is never removed");
        add(alwaysInPlace);
        add(buttonHolder);
    }
}

示例在 V14 中创建，但在所有其他版本中应类似

推荐阅读