[英]Removing added buttons 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);
}
}
}
}
我错过了什么?
我将为要删除/添加的按钮创建一个单独的布局支架并使用它。 出于测试目的,我已将您的XdevButton
替换为通用 Vaadin Button
class。 这似乎根据您的规格工作:
@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 中创建,但在所有其他版本中应类似
这确实行不通,也不可能按照您的要求命名按钮。
如果您不想重复使用旧按钮,您有几个选择。
如果垂直布局只包含按钮,或者你知道按钮之前有多少个组件,你可以通过索引移除它们:
for(int i = 1; i < number; i++) {
this.verticalLayout.getElement().removeChild(i);
}
您还可以创建一个列表或其他集合来跟踪按钮,这样您也可以重用它们:
private List<Button> buttons = new LinkedList<>();
...
// Not enough buttons, need to add new ones
if (number > buttons.size()) {
for(int i = buttons.size(); i < number; i++) {
Button buttonAdded = new Button("Button " + i);
buttons.add(buttonAdded);
}
}
// Too many buttons, remove the extras
else if (buttons.size() > number) {
List<Button> buttonsToRemove = buttons.subList(number, buttons.size());
buttonsToRemove.forEach(verticalLayout::remove);
buttonsToRemove.clear();
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.