Question

我有一个带有客户端图像映射的应用程序，其中定义了多个部分。我需要从<area> onclick属性调用Managed Bean中的方法。

这不起作用：

<area id="ReviewPerson" shape="rect" coords="3, 21, 164, 37" href="#" 
    onclick="#{personBean.method}" alt="Review Person" id="reviewPersonArea"
    title="Review Person" />

由于我的双手被绑在图像地图上（不幸的是），如何在<area>标签内调用托管bean方法？

Answer 1

如果你使用primefaces，你不需要jquery。您将remoteCommand与name属性一起使用，并从javascript调用该名称，所以：

<area... onclick="somejavascript();"... />

<p:remoteCommand name="myCommand" actionListener="#{personBean.method}" style="display: none;" />

Javascript：

function somejavascript(){
   myCommand();
}

Answer 2

您有几个选择。如果您使用的是JSF 2.0，则可以围绕这些区域标记构建复合组件。

然而，最简单的方法是调用隐藏的JSF输入按钮。

<h:commandButton id="hdnBtn" actionListener="#{personBean.method}" style="display: none;" />

这将在页面上呈现为input HTML元素，您可以从Javascript访问该元素并调用其click事件。

onclick="jQuery('#form:hdnBtn').click();"

Answer 3

如果您使用Seam，Remoting可以为您执行此操作：http://docs.jboss.org/seam/2.2.0.GA/reference/en-US/html/remoting.html

另一种方法是将方法公开为REST服务，并使用类似jQuery的方法从JavaScript中调用它们。这是关于这种方法的好文章：http://coenraets.org/blog/2011/12/restful-services-with-jquery-and-java-using-jax-rs-and-jersey/

Answer 4

如果您需要完整的ADF Faces解决方案，可以试试这个：

function doClick(){
   var button = AdfPage.PAGE.findComponentByAbsoluteId("aButton");
   ActionEvent.queue(button,true);
}

Answer 5

这是针对 Java EE 8（JSF 2.3）的最新答案。使用<h:commandScript>将创建一个javascript函数，该函数将在后台调用jsf支持bean方法，并且由于它是JavaScript，因此您可以从js代码中调用

示例 jsf

<h:form>
<h:commandScript id="submit" 
                 name="jsFunction"
                 action="#{bean.method}"/>
</h:form>

和js代码

</script>
        function invoke()
           {
                jsFunction();
           }
    </script>

更多访问Ajax method invocation

Answer 6

如果使用primefaces，可以使用链接到托管bean的隐藏输入字段，并且可以使用javascript初始化其值，对于PrimeFaces，PF函数可用于访问链接到隐藏输入的窗口小部件变量，这样：

<script>
function codeLoginAddress() {
    PF('wvLoginLat').jq.val( lat1 ); // set in getLocation
    PF('wvLoginLng').jq.val( lng1 )
}
<script>

<p:inputText type="hidden" widgetVar="wvLoginLat" value="#{userSession.lat}" />
<p:inputText type="hidden" widgetVar="wvLoginLng" value="#{userSession.lng}" />

<script>
// at end of page, initialization code
getLocation(); // sets lat1 and lng1
codeLoginAddress(); // sets the value of the widget variables
</script>

从JavaScript调用Managed Bean方法

6 个答案: