使用jQuery中的参数调用JSF托管bean方法 [英] Calling JSF managed bean method with arguments in jQuery
问题描述
我正在使用JSF来构建网站。我已经在 jQuery Gritter(Growl)上发布了通知我的主页。是否可以在 before_close:
的 $。gritter.add
函数内调用托管bean方法?
I am using JSF to build a site. I have included jQuery Gritter (Growl) notification on my home page. Is it possible to call a managed bean method inside the before_close:
of $.gritter.add
function?
我想使用的代码如下:
<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>
推荐答案
您当前的尝试只是将给定的EL表达式解释为value表达式,只是在生成嵌入了JS代码的HTML输出时立即打印其结果。就像你使用< h:outputText>
一样。这确实不起作用。
Your current attempt merely interprets the given EL expression as a value expression and just prints its result immediately during producing the HTML output with the JS code embedded. It's like as if you're using <h:outputText>
. This is indeed not going to work.
但是,功能要求是可以理解的。标准JSF API不提供现成的解决方案。如果您想坚持使用标准的JSF API,最好的办法是创建一个隐藏的表单,其中包含一个使用JavaScript触发的隐藏命令链接。
The functional requirement is however understood. The standard JSF API does not offer a ready-to-use solution for this. If you want to stick to standard JSF API, your best bet is to create a hidden form with a hidden command link which you trigger using 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>
with
$("[id='form:id']").val(#{p.notificationID});
$("[id='form:command']").click();
然而,这非常笨拙。考虑寻找第三方JSF组件甚至实用程序库来实现该要求。 JSF实用程序库 OmniFaces 具有 < o:commandScript>
组件。另请参阅展示页面。
However, this is pretty clumsy. Consider looking for a 3rd party JSF component or even utility library to achieve the requirement anyway. The JSF utility library OmniFaces has the <o:commandScript>
component for this. See also its showcase page.
<h:form>
<o:commandScript name="set0ToGrowlToShow" action="#{notificationBean.set0ToGrowlToShow}" />
</h:form>
with
set0ToGrowlToShow(#{p.notificationID});
(请注意,这是设置为HTTP请求参数,而不是操作方法参数)
JSF组件库 PrimeFaces 有 < p:remoteCommand>
,与< o:commandScript>
非常相似。另请参阅其展示页面。更重要的是,PrimeFaces有一个随时可用的 < p:growl>
组件与jQuery插件基本相同!另请参见展示页面。您可以这样做而不是整个jQuery:
The JSF component library PrimeFaces has the <p:remoteCommand>
for this which is much similar to <o:commandScript>
. See also its showcase page. Even more, PrimeFaces has a ready-to-use <p:growl>
component which does essentially the same as your jQuery plugin! See also its showcase page. Instead of your whole jQuery thing you can just do:
<p:growl globalOnly="true" autoUpdate="true" />
并按消息提供
facesContext.addMessage(null, message);
参见:
- 如何使用本机JavaScript在HTML DOM事件上调用JSF托管bean?
- 如何将JavaScript变量作为参数传递给JSF操作方法?
- How to invoke a JSF managed bean on a HTML DOM event using native JavaScript?
- How to pass JavaScript variables as parameters to JSF action method?
See also:
这篇关于使用jQuery中的参数调用JSF托管bean方法的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!