单击调用辅助bean操作方法(Invoke a backing bean action method on click of a )

单击调用辅助bean操作方法(Invoke a backing bean action method on click of a )

如何使mainDiv可单击并调用支持bean操作方法？

<h:panelGroup layout="block" id="mainDiv"> <h:panelGroup layout="block" style="float:left;"> <h:outputText value="#{messageItem.sendBy.registerName}"/> </h:panelGroup> <h:panelGroup layout="block" style="float:right;"> <h:outputText value="#{messageItem.sendDate}"> <f:convertDateTime pattern="HH:mm"/> </h:outputText> </h:panelGroup> </h:panelGroup>

How can I make the mainDiv clickable and invoke a backing bean action method?

<h:panelGroup layout="block" id="mainDiv"> <h:panelGroup layout="block" style="float:left;"> <h:outputText value="#{messageItem.sendBy.registerName}"/> </h:panelGroup> <h:panelGroup layout="block" style="float:right;"> <h:outputText value="#{messageItem.sendDate}"> <f:convertDateTime pattern="HH:mm"/> </h:outputText> </h:panelGroup> </h:panelGroup>

最满意答案

最简单的方法是将其内容包装在<h:commandLink> ，必要时使用<f:ajax> 。 使用CSS display:block让链接跨越整个div。

<h:panelGroup layout="block" id="mainDiv"> <h:commandLink action="#{bean.action}" style="display:block;"> <f:ajax /> ... </h:commandLink> </h:panelGroup>

或者，根据您的问题历史记录，您使用的是PrimeFaces，您也​​可以使用<p:remoteCommand> 。

<h:panelGroup layout="block" id="mainDiv" onclick="functionName()"> ... </h:panelGroup> <p:remoteCommand name="functionName" action="#{bean.action}" />

The simplest way would be to wrap its contents in a <h:commandLink>, if necessary with <f:ajax>. Use CSS display:block to let the link span the entire div.

<h:panelGroup layout="block" id="mainDiv"> <h:commandLink action="#{bean.action}" style="display:block;"> <f:ajax /> ... </h:commandLink> </h:panelGroup>

Or, given your question history you're using PrimeFaces, you can also use <p:remoteCommand>.

<h:panelGroup layout="block" id="mainDiv" onclick="functionName()"> ... </h:panelGroup> <p:remoteCommand name="functionName" action="#{bean.action}" />