单击 <h:panelGroup layout="block"> 时调用支持 bean 操作方法答案

【问题标题】：Invoke a backing bean action method on click of a <h:panelGroup layout="block">单击 <h:panelGroup layout="block"> 时调用支持 bean 操作方法
【发布时间】：2013-03-14 06:26:05
【问题描述】：

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

【问题讨论】：

看看这个帖子stackoverflow.com/questions/8160494/…
在 Jquery 中是可能的，但在 JSF 事件中不知道如何
这也是stackoverflow.com/questions/6095646/fajax-not-working
啊..也许我会在 JSF 中使用 Remote
我觉得嵌套 Div 存在时它不起作用。

标签： jsf-2

【解决方案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}" />

【讨论】：

@Ced：这是后来引入/修复的。

【解决方案2】：

你可以在panelGroup上使用f:ajax

<h:panelGroup>
    <f:ajax event="click" listener="#{adminPanel.test}"></f:ajax>
    xxx
</h:panelGroup>

生成的 html ：

<span id="j_idt169" onclick="mojarra.ab(this,event,'click',0,0)">
    xxx
</span>

【讨论】：