时间戳

首页 > 解决方案 > Vaadin 在操作期间禁用按钮

vaadin - Vaadin 在操作期间禁用按钮

问题描述

我怎样才能在 Vaadin 中实现这一点。

// inside myButton click event
myButton.setEnabled(false);
doMyActionThatTakeSomeTime();
myButton.setEnabled(true);

在事件内部，该按钮永远不会被禁用，因为 UI 不会刷新。

在 Vaadin 11（或 10）中执行此操作的最佳实践是什么？

编辑解决方案 -如何使其与 Thread 一起使用

到目前为止，以 Thread 为例（工作）：

@Push 
@Route(value = "secured")
public class MainView extends VerticalLayout

[ ... ]

// inside click event
UI ui = UI.getCurrent();
new Thread(() -> {       
    ui.access(() -> {
      goButton.setEnabled(false);
      ui.push();
    });

    doMyActionThatTakeSomeTime();

    ui.access(() -> {
      goButton.setEnabled(true);
      ui.push();
    });
}).start();

标签： vaadinvaadin10

解决方案

听起来文档中的“异步更新”一章解释了您想要的内容：https ://vaadin.com/docs/v11/flow/advanced/tutorial-push-access.html 。基本上：doMyActionThatTakeSomeTime()在单独的后台线程中运行，然后在线程完成后重新启用按钮，服务器推送将确保 UI 状态正确更新。

这是一个经常被问到的话题，这里还有另一个答案：如何在执行冗长的操作时关闭 Vaadin 8 确认对话框在 Vaadin 8 和 Vaadin 10+ 中以类似的方式进行异步更新。

推荐阅读