JSFのcommandButtonを無効にする

Question

これはかなり簡単なはずですが、私はそれを感じていないようです。

長時間実行されているサーバサイドタスク（10-15秒）を実行するJSFコマンドボタンがあります。私はクリックされた後にボタンのコンテキストが変化するフォームを見てきました（ボタンのラベルが変わり、ボタンは処理が完了するまで無効になります）。

私はICEFacesを使用しています。無効なプロパティは、基本となるページコードでブール値に設定されています。

ボタンにバインドされたアクションリスナーは、無効にするにはブール値を変更しますが、残念ながらJSPでは変更はありません。

誰でも？

Answer 1

何ができることはJavascriptを使用して、ボタンの状態を変更することです：コメントに関する

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

---

編集：

前のコードがない場合フォームを送信していない場合は、クリックした直後ではなく、クリックした後すぐにボタンを無効にする必要があります。あなたは、次のコードを使用していることを行うことができます。

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

私はわからないんだけど、実際には正しく動作しますsetTimeoutメソッドに直接このキーワードを使用している場合。次のJavaScript機能を

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

：いない場合、あなたはそれを行うための別の方法を使用することができます

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

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

（私はこのように、このコードを向上させることができると確信している）

Answer 2

あなたはH：commandButtonの代わりにice：commandButtonを使用する必要があります。これは、AJAX呼び出しとしてアクションを実行するpartialSubmitプロパティを持つためです。これにより、ボタンの状態が更新されるはずです。したがって、サーバーのプロパティがfalseに設定されている場合は、ボタンを無効にする必要があります。

Answer 3

javascript submit（）; JavaScript関数を使用して

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

：最初にしてFirefoxの具体的な解決策についてはromaintaz

からの解決策は、以下の作品（それはIEでは動作しません）と同様にボタン

Answer 4

を無効にします：

function disableButton(buttonId) { 

    var obj = document.getElementById(buttonId); 

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

    } 
} 

Answer 5

icefacesがDOMを更新した後に行います。あなたは​​を使用することができます。ここでは

を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"); 
    } 
}