jsf-2 - 单击 调用支持 bean 操作方法

Question

如何使 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>

Answer 1

最简单的方法是将其内容包装在 <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}" />