JavaScriptで<p：commandButton>の値を変更してください

Question

<p:commandButton>の値をJavascriptで変更する方法はありますか？

<p:commandButton>にwidgetVarを設定しようとしましたが、setValue()機能などはありません。私はXHTMLの他の特定の問題のためにマネージドBeanにバインドできません。

Answer 1

JSFはHTMLを生成します。 JavaScriptはHTMLで動作します。 JavaScriptコードを記述する際に、JSFのソースコードをあまり見すぎないようにしてください

お気に入りのブラウザでJSFページを開き、右クリックしてソースを表示。 <p:commandButton value="foo" />の生成されたHTML出力は次のようになります。

<button id="formId:buttonId" name="formId:buttonId" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="PrimeFaces.ab({formId:'formId',source:'formId:buttonId',process:'@all'});return false;" type="submit"> 
    <span class="ui-button-text">foo</span> 
</button> 

ルックは、ボタンは、その中に値を持つ単一の<span>子供を持っています。

ので、barにボタンの値を変更するにはJSのこの作品は、実行する必要があります。

document.getElementById("formId:buttonId").firstChild.innerHTML = "bar";