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>です。CSSdisplay: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}" />

Answer 2

f:ajaxで使用できますpanelGroup

<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>