Vaadin 14中“disableonclick”按钮的可靠性

Question

我使用Vaadin14，为了避免在用户双击按钮而不是只单击一次时多次发送请求，我在button实例上调用setdisableonclick(true)。

对于某些按钮，这是不够的：按钮仍然可以被多次单击。在检查Chrome devtools中的dom时，我可以看到为这些按钮设置了disableonclick属性：

我怀疑这是事件处理程序调用顺序的问题（要禁用的处理程序应该在发送请求的处理程序之前调用）。

Answer 1

这似乎是一个瓦丁虫。当按钮处于对话框中时，该对话框关闭，然后重新打开。当您调用setdisableonclick(true)时，他们正在使用黑客从服务器端添加事件侦听器：

/**
 * Initialize client side disabling so disabled if immediate on click even
 * if server-side handling takes some time.
 */
private void initDisableOnClick() {
    if (!disableOnClickConfigured) {
        getElement().executeJs("var disableEvent = function () {"
                + "if($0.getAttribute('disableOnClick')){"
                + " $0.setAttribute('disabled', 'true');" + "}" + "};"
                + "$0.addEventListener('click', disableEvent)");
        disableOnClickConfigured = true;
    }
}

当按钮分离并重新附加时，此事件处理程序就消失了。

不幸的是，在重新打开对话框后再次调用setDisableonClick(true)没有任何帮助，因为DisableonClickConfigure已经被设置为true，因此将跳过此代码。

null

这是我最后一个选择。对话框是一个Spring bean，所以我使用Prototype scope并将其注入ObjectFactory，然后在调用Open之前获取一个新实例。