Question

I got stuck with this problem. I wrap two tables inside of a h:form. I also tried to wrap nested tables in different h:form tags. So my goal is a listener to get fired in the server side when a user click a check box. I use execute=”@this” because I don’t want to sent all the inputs…. The javascript event in onevent attribute gets fired, but NEVER the listener in the sever. I can see a request is sent to the sever, when I click the checkbox. I don’t know why it doesn’t get called.

VIEW:

  <h:form>
                <table id="trades">
                    <th class="image_cell"></th>
                    <th>Type</th>
                    <th>Portfolio</th>
                        <ui:repeat var="trade" value="#{controller.errorTrades}">
                            <tr class="trade error">
                                <td class="image_cell error"><h:graphicImage styleClass="expandable" url="resources/images/plus.png"></h:graphicImage></td>
                                <td id="type" class="error">#{trade.type}</td>
                                <td class="error">#{trade.portfolio}</td>
                            </tr>
                            <tr class="operations">
                                <td id="#{trade.murexId}" class="operation_row" colspan="4">
                                        <table id="operations">
                                            <tr class="header">
                                                <th class="empty_cell"></th>
                                                <th class="operation_cell">Operation</th>
                                                <th>Time Transaction</th>
                                                <th>Comment</th>
                                                <th id="delete">Delete</th>
                                            </tr>
                                            <ui:repeat var="operation" value="#{trade.operationsSortList}">
                                                <tr class="operation">
                                                    <th class="empty_cell"></th>
                                                    <td id="operation" class="operation_cell color">#{operation.operation}</td>
                                                    <td class="color">#{operation.time}</td>
                                                    <td class="color">#{operation.coment}</td>
                                                    <td class="color checkbox">
                                                        <h:selectBooleanCheckbox title="delete">
                                                            <f:ajax execute="@this" event="click" listener="#{controller.onDelete}" onevent="onDeleteProcess" />
                                                            <f:attribute name="murexId" value="#{trade.murexId}" />
                                                            <f:attribute name="operationId" value="#{operation.id}" />
                                                        </h:selectBooleanCheckbox>                                              
                                                    </td>
                                                </tr>
                                            </ui:repeat>
                                        </table>
                                </td>
                            </tr>
                        </ui:repeat>
                </table>
            </h:form>

CONTROLLER:

@ViewScoped
public class Controller 
{
    private ArrayList trades;
    private ArrayList errorTrades = new ArrayList();

    .......code

    public boolean onDelete(AjaxBehaviorEvent event) 
    {
        long murexId = 0;
        BigDecimal operationId = null;
        boolean result = false;
        Trade trade;
        Iterator itop;
        Operation operation;
        ......code

        return true;
    }
}

I will really appreciate it if someone can help me out.

Thanks

Answer 1

ALMOST SOLVED

I got it working. I wrap the second ui:repeat with h:form and the I use execute=”@form” instead of execute=”@this”. That’s why I put “almost solved”… Any idea why this happens?

    <h:form>
        <ui:repeat var="operation" value="#{trade.operationsSortList}">
              <tr class="operation">
                   <th class="empty_cell"></th>
                   <td id="operation" class="operation_cell color">#{operation.operation}</td>
                   <td class="color">#{operation.time}</td>
                   <td class="color">#{operation.coment}</td>
                   <td class="color checkbox">
                       <h:selectBooleanCheckbox title="delete">
                             <f:ajax execute="@this" event="click" listener="#{controller.onDelete}" onevent="onDeleteProcess" />
                             <f:attribute name="murexId" value="#{trade.murexId}" />
                             <f:attribute name="operationId" value="#{operation.id}" />
                      </h:selectBooleanCheckbox>                                              
                   </td>
             </tr>
     </ui:repeat>
</h:form>

Thanks for your support!