重复表单内的第二个ajax调用不起作用

Question

我有一个重复的表单，每个表单都有重置按钮和与之关联的ajax调用。第一个ajax工作正常，但然后在窗体的休息上的ajax给我错误消息。第二个ajax尝试调用viewaction并给我空指针。

我做错了什么事并且很奇怪。

<ui:define name="content">
        <f:metadata>
            <f:viewParam name="id" value="${employeeBean.id}"/>
            <f:viewAction action="${employeeBean.loadOrder()}"/>
        </f:metadata>
     <div jsf:id="employee-list">
         <ui:repeat var="employee" value="#{employeeList}">
                        <tr data-bdd-id="employee-element">                   
                            <td data-bdd-id="employee-type">label</td>
                            <td data-bdd-id="employee-status">status</td>
                            <td>
                               <form jsf:id="employee-form" jsf:prependId="false">                                                              
                                            <button class="btn btn-delete" 
                                                    jsf:action="#{employeeBean.resetOrDeleteemployee(employee)}"
                                                    jsf:onclick="return confirm('Are you sure')">
                                                Reset
                                                <f:ajax execute="@this" render="employee-form  employee-list generate-login" />
                                           </button>
                                </form>
                            </td>
                        </tr>
        </ui:repeat>
    </div>
</ui:define>