在 JSF 中禁用命令按钮

Question

这看起来应该很简单，但我没有这种感觉。

我有一个 JSF CommandButton，它执行长时间运行的服务器端任务（10-15 秒）。 我见过一些表单，其中按钮上下文在单击后发生变化（按钮上的标签发生变化并且按钮被禁用，直到处理完成）。

我正在使用 ICEFaces 并将禁用属性设置为底层页面代码上的布尔值。

绑定到按钮的操作侦听器更改该布尔值以禁用它，但遗憾的是，JSP 上没有任何更改。

任何人？

Answer 1

您可以做的是使用 Javascript 更改按钮的状态：

<h:commandButton ... onclick="this.disabled=true"/>

---

编辑评论：

如果前面的代码没有提交表单，那么您必须禁用该按钮一段时间单击之后，而不是单击本身“期间”。 您可以使用以下代码来做到这一点：

<h:commandButton ... onclick="setTimeout('this.disabled=true', 100);"/>

我不确定直接在 setTimeout 方法中使用 this 关键字是否可以正常工作。 如果没有，您可以使用另一种方法来做到这一点：

<h:commandButton ... onclick="disableButton(this.id);"/>

使用以下 Javascript 函数：（

function disableButton(buttonId) {
    setTimeout("subDisableButton(" + buttonId + ")", 100);
}

function subDisableButton(buttonId) {
    var obj = document.getElementById(buttonId);
    if (obj) {
        obj.disabled = true;
    }
}

我确信可以增强此代码，因此）

Answer 2

您应该使用ice:commandButton 而不是h:commandButton，因为它具有partialSubmit 属性，该属性将作为AJAX 调用执行操作。 这应该会刷新按钮的状态，因此如果服务器上的属性已设置为 false，则应禁用您的按钮。

Answer 3

执行 JavaScript 提交（）； 首先，然后禁用该按钮

Answer 4

与 romaintaz 的解决方案类似

对于 Firefox 特定的解决方案，以下方法有效（在 IE 中不起作用）：

使用 Javascript 函数：

function disableButton(buttonId) {

    var obj = document.getElementById(buttonId);

    if (obj) {
       setTimeout(function(thisObj) { thisObj.disabled=true; }, 50, obj);

    }
}

Answer 5

在icefaces更新DOM之后执行此操作。 您可以使用 ice.onAfterUpdate(callback)：

此处使用 jQuery

ice.onAfterUpdate(function(){
    updateButtons();
});

function updateButtons(){
   if(!isButtonEnabled()){
    jQuery(".myButton").attr('disabled', true);
    jQuery(".myButton").removeClass("iceCmdBtn").addClass("iceCmdBtn-dis");
   }else{
    jQuery(".myButton").removeAttr('disabled');
    jQuery(".myButton").removeClass("iceCmdBtn-dis").addClass("iceCmdBtn");
   }
}