如何从本机 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>

组件允许在 JavaScript 中执行 bean 操作，而无需依赖 jQuery 等外部库。它创建一个 JS 函数，可以通过设置 autorun="true" 在 DOM 加载事件期间手动或自动调用该函数。例如：

<h:form>
    <h:commandScript name="commandName" action="#{bean.action}" render=":results" autorun="true" />
</h:form>

使用 p:remoteCommand (PrimeFaces)

PrimeFaces 提供了，这是一个与其无缝集成的组件基于 jQuery 的 Ajax 引擎。与相比，它使用jQuery来触发Ajax请求。

<h:form>
    <p:remoteCommand name="commandName" action="#{bean.action}" update=":results" autoRun="true" />
</h:form>

使用o:commandScript (OmniFaces)

如果您的应用程序使用 OmniFaces，您可以将 替换为使用 ，它提供相同的功能，但与旧的 JSF 2.x 版本兼容。

<o:form>
    <o:commandScript name="commandName" action="#{bean.action}" render=":results" autorun="true" />
</o:form>

隐藏表单技巧

另一个该选项涉及“隐藏表单”技巧，其中包含命令按钮的表单呈现在页面上，但使用 CSS 隐藏。可以使用 JavaScript 的 onclick() 方法触发按钮。

<h:form>

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

自定义 UIComponent

对于高级场景，您可以创建自定义 UIComponent扩展生成 JSF 的本机 jsf.ajax.request() 调用的 UICommand。这种方法提供了对 Ajax 行为的完全自定义和控制。

以上是如何从本机 JavaScript HTML DOM 事件触发 JSF 托管 Bean？的详细内容。更多信息请关注PHP中文网其他相关文章！