ネイティブ JavaScript HTML DOM イベントから JSF マネージド Bean をトリガーするにはどうすればよいですか?

ネイティブ JavaScript を使用した HTML DOM イベントでの JSF マネージド Bean の呼び出し

ネイティブを使用した HTML DOM イベント中の JavaServer Faces マネージド Bean の操作JavaScript はさまざまな方法で実現できます。 jQuery は $(document).ready() 関数を使用して簡単なソリューションを提供しますが、JSF はそのフレームワークとシームレスに統合するさまざまなアプローチを提供します。

h:commandScript (JSF 2.3) の使用 h3>

このコンポーネントを使用すると、jQuery などの外部ライブラリに依存せずに、JavaScript 内で Bean アクションを実行できます。 autorun="true" を設定することで、DOM ロード イベント中に手動または自動で呼び出すことができる JS 関数を作成します。例:

<form>
    <commandscript name="commandName" action="#%7Bbean.action%7D" render=":results" autorun="true"></commandscript>
</form>

p:remoteCommand (PrimeFaces) の使用

PrimeFaces は、そのコンポーネントとシームレスに統合するコンポーネントである を提供します。 jQueryベースのAjaxエンジン。 と比較すると、jQuery を使用して Ajax リクエストをトリガーします。

<form>
    <remotecommand name="commandName" action="#%7Bbean.action%7D" update=":results" autorun="true"></remotecommand>
</form>

o:commandScript (OmniFaces) を使用する

Ifアプリケーションは OmniFaces を利用しているため、代わりに使用できます は、同じ機能を提供しますが、古い JSF 2.x バージョンと互換性があります。

<form>
    <commandscript name="commandName" action="#%7Bbean.action%7D" render=":results" autorun="true"></commandscript>
</form>

隠しフォーム トリック

もう 1 つこのオプションには、コマンド ボタンを含むフォームがページ上に表示されますが、次のコマンドを使用して非表示になります。 CSS。ボタンは、JavaScript の onclick() メソッドを使用してトリガーできます。

<form></form>

document.getElementById("form:button").onclick();

カスタム UIComponent

高度なシナリオでは、カスタム UIComponent を作成できます。 JSF のネイティブ jsf.ajax.request() 呼び出しを生成する UICommand を拡張します。このアプローチでは、Ajax の動作を完全にカスタマイズし、制御できます。

以上がネイティブ JavaScript HTML DOM イベントから JSF マネージド Bean をトリガーするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。