Invoke a backing bean action method on click of a

Question

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>

Have a look at this post http://stackoverflow.com/questions/8160494/how-to-make-a-whole-div-clickable-in-html-and-css-without-javascript — neni, Mar 14 '13 at 07:18
This as well http://stackoverflow.com/questions/6095646/fajax-not-working — neni, Mar 14 '13 at 07:22
it work i just did this

in my bean like this public void testfunction(){ System.out.println("hello"); } — F25rT, Mar 14 '13 at 07:32

score 4 · Accepted Answer · answered Mar 14 '13 at 11:28

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}" />

@Ced: That was later introduced/fixed. – BalusC Mar 02 '16 at 07:59 — BalusC, Mar 02 '16 at 07:59

score 1 · Answer 2 · answered Mar 02 '16 at 01:59

1

You can use f:ajax on panelGroup

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

resulting html :

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

answered Mar 02 '16 at 01:59

Ced

15,847
14
87
146

Invoke a backing bean action method on click of a

2 Answers2