如何在Apache Wicket中点击按钮后用默认功能动态禁用按钮

嘿，我来帮你搞定这个需求！不想硬编码的话，完全可以借助Wicket的内置组件和行为来实现点击按钮后动态禁用，下面给你两个常用的方案：

方案一：使用AjaxButton（推荐，无刷新体验） #

Wicket的AjaxButton天生支持Ajax表单提交，我们可以通过修改Ajax请求的属性，在点击时立刻禁用按钮，同时处理服务端逻辑，还能在请求失败时恢复按钮状态：

form.add(new AjaxButton("Continue") {
    private static final long serialVersionUID = 1L;

    @Override
    protected void onSubmit(AjaxRequestTarget target, Form<?> form) {
        // 执行你的业务逻辑
        process();
        
        // 如果处理完成后需要重新启用按钮，就把按钮添加到target中更新
        // target.add(this);
    }

    @Override
    protected void onError(AjaxRequestTarget target, Form<?> form) {
        // 表单验证失败或请求出错时，恢复按钮可用状态
        target.add(this);
    }

    @Override
    protected void updateAjaxAttributes(AjaxRequestAttributes attributes) {
        super.updateAjaxAttributes(attributes);
        
        // 点击按钮后立刻执行的客户端脚本：禁用按钮
        attributes.getPreconditionScripts().add("var btn = Wicket.$(this); btn.disabled = true;");
        
        // 请求失败（比如超时、验证错误）时，恢复按钮可用
        attributes.getFailureScripts().add("var btn = Wicket.$(this); btn.disabled = false;");
    }
});

这个方案的好处是：

• 无需手动写全局JS，完全利用Wicket的Ajax机制
• 能灵活控制按钮在提交成功/失败后的状态
• 避免重复点击提交，提升用户体验

方案二：普通Button + AttributeAppender（适合整页刷新场景） #

如果你还是需要用普通的同步提交按钮，可以借助Wicket的AttributeAppender行为，动态给按钮添加点击事件来禁用自己：

Button continueBtn = new Button("Continue") {
    private static final long serialVersionUID = 1L;

    @Override
    public void onSubmit() {
        process();
    }
};

// 给按钮追加onclick属性：点击后禁用按钮并手动提交表单（避免某些浏览器禁用后不提交的问题）
continueBtn.add(new AttributeAppender("onclick", "this.disabled=true; this.form.submit();", ";"));
form.add(continueBtn);

这里要注意：必须手动调用this.form.submit()，因为有些浏览器在按钮被禁用后，不会自动触发表单提交，这一步能确保表单正常提交。

内容的提问来源于stack exchange，提问作者Abdul Majid Bajwa