javascriptを使用してjsfを取得する方法h：outputTextの値？

Question

私は、ボタンにはmyBackingBean.myStringを設定できるアクションがあり、onclickイベントはその値を警告するjsメソッドを呼び出します。私は、javascriptを使ってbacking beanからmyStringの値を取得したいだけです。

私は豆をバックアップから値を持つ隠された出力を持っている：

function myFunction() { 

var outPut= document.getElementById("myForm:myOutput").value; 

... 

} 

が、私はObject requiredを得た。その後、私はボタンによってトリガはJavaScript FXNでこの値を警告する必要がある

h:outputText id="myOutput" rendered="false" value="#{myBackingBean.myString}" 

エラー。どうすればこの問題を解決できますか？ありがとうございます。

Answer 1

h：outputTextがレンダリングされていることを確認してください（rendered = "false"はDOMにそれを追加できないかもしれませんが、レンダリングしないとアクセスできません）。 ：代わりにinputHidden）。

次に、id属性が "myForm：myOutput"のHTMLタグをレンダリングするか、またはそのように動作することを確認します。

また、入力タグには.valueのjavascriptアクセサが使用されるため、代わりにinerHTMLを使用してください。

Answer 2

Beanプロパティにアクセスするために、常に非表示フィールドを持つ必要はありません。あなたは以下のようにすることができます。

<h:commandButton value="Show" onclick="alert('#{myBackingBean.myString}');"/> 

しかし、あなたは、ボタンをクリックして、あなたが<a4j:commandButton/>を使用する必要があり、それは以下のようにonCompleteの属性の新しい値を表示したいとき「のmyString」の値を変更したい場合。

<a4j:commandButton value="Change" action="#{myBackingBean.changeString()}" oncomplete="alert('#{myBackingBean.myString}');" />