Question

我正在使用JSF来构建一个站点。我在主页上添加了jQuery Gritter (Growl)通知。是否可以在before_close:函数的$.gritter.add内调用托管bean方法？

我想使用的代码如下：

<h:body>
    <c:forEach items="#{notificationBean.growlNotificationList}" var="p">
        <script>
        /* <![CDATA[ */
        $.gritter.add({
            // (string | mandatory) the heading of the notification
            title: 'Notification',
            // (string | mandatory) the text inside the notification
            text: 'Comment on your staus',
            // (bool | optional) if you want it to fade out on its own or just sit there
            sticky: true, 
            // (int | optional) the time you want it to be alive for before fading out (milliseconds)
            time: 8000,
            // (string | optional) the class name you want to apply directly to the notification for custom styling
            class_name: 'gritter-light',
            // (function | optional) function called before it closes
            before_close: function(e, manual_close){
                '#{notificationBean.set0ToGrowlToShow(p.notificationID)}'
            }
        });
        /* ]]> */
        </script>
    </c:forEach>
</h:body>

Answer 1

您当前的尝试只是将给定的EL表达式解释为值表达式，并在生成嵌入了JS代码的HTML输出时立即打印其结果。就好像你正在使用<h:outputText>一样。这确实不起作用。

然而，理解功能要求。标准JSF API不提供现成的解决方案。如果您想坚持使用标准的JSF API，最好的办法是创建一个隐藏的表单，其中包含一个使用JavaScript触发的隐藏命令链接。

基本上，

<h:form id="form" style="display:none">
    <h:inputHidden id="id" value="#{notificationBean.notificationID}" />
    <h:commandLink id="command" action="#{notificationBean.set0ToGrowlToShow}">
        <f:ajax execute="@form" />
    </h:commandLink>
</h:form>

与

$("[id='form:id']").val(#{p.notificationID});    
$("[id='form:command']").click();

然而，这非常笨拙。考虑寻找第三方JSF组件甚至实用程序库来实现该要求。 JSF实用程序库OmniFaces具有<o:commandScript>组件。另见showcase page。

<h:form>
    <o:commandScript name="set0ToGrowlToShow" action="#{notificationBean.set0ToGrowlToShow}" />
</h:form>

与

set0ToGrowlToShow(#{p.notificationID});

（请注意，这被设置为HTTP请求参数，而不是操作方法参数）

JSF组件库PrimeFaces具有<p:remoteCommand>，与<o:commandScript>非常相似。另见showcase page。更重要的是，PrimeFaces有一个随时可用的<p:growl>组件，它与你的jQuery插件基本相同！另见showcase page。你可以这样做而不是你的整个jQuery：

<p:growl globalOnly="true" autoUpdate="true" />

并通过

提供消息

facesContext.addMessage(null, message);

另见：

Answer 2

您需要了解您需要调用在服务器中运行的java方法，并且不能直接调用它。

在您的情况下，我建议使用AJAX或在页面加载时读取值并使用它（如果可行的话）

查看如何使用AJAX with Jquery

使用jQuery中的参数调用JSF托管bean方法

2 个答案:

另见：