jsf-2 - HTMLでJavaScript値を表示する方法

Question

JSFでは、私は次のものを使用していました：rich：popupPanelは、Javascriptによって計算されたいくつかの情報を表示します。通常、私はh：outputTextを使用して値を表示しますが、HTMLでjavascript値を表示する方法がわかりません。h：outputTextで表示できますか？ありがとう

Answer 1

JSF を無視して、通常の JavaScript/HTML DOM 手段を使用してください。彼らにとって JSF は単なる HTML コード生成ツールです。JS は JSF ソース コードについての知識を持っていません。アクセスできるのは、生成された HTML ソース コード (Web ブラウザで右クリックしてソースを表示すると表示されるもの) だけです。

JSF が次の HTML を生成したと想像してください。たとえば、<h:outputText id="foo">そのままハードコーディングするか、そのままハードコーディングします (プレーンな HTML を JSF ページに記述できますよね?)。

<span id="foo"></span>

次に、次のように JS を使用して、そのノード値に JS 変数を入力できます。

var foo = "some value";
document.getElementById("foo").innerHTML = foo;

これは最終的に HTML DOM で次のように動的に表示され、UI にも視覚的に反映されます。

<span id="foo">some value</span>