如何通过 ajax 将迭代参数传递给支持 bean 方法

Question

所以，我有一个如下所示的数据表：

                <h:form>
        <h:dataTable value="#{backingBean.employeeLineItems}" var="emp">
            <h:column>
                <f:facet name="header">First</f:facet>
                #{emp.lastname}
            </h:column>
            <h:column>              
                <f:facet name="header">Last</f:facet>
                #{emp.firstname}
            </h:column>
            <h:column>
                <f:facet name="header">Actions</f:facet>
                <h:commandButton value="View Details"> 
                    <f:ajax execute="#{setCurrentEmployeeId(emp.id)}" render="employeeDetails"/> 
                </h:commandButton>
            </h:column>
        </h:dataTable>
                    <h:outputText value="#{backingBean.employeeDetails}" id="employeeDetails"/>
                </h:form>

对于数据表的每一行，都有一个按钮，当单击该按钮时，将employeeLineItem id 值ajax 到在支持bean 中设置该id 的方法，然后呈现带有id“employeeDetails”的outputText 标签"（当然，getEmployeeDetails 方法会使用employeeLineItem id 从数据库中获取正确的员工详细信息对象）

我的解决方案似乎不起作用，有人知道我做错了什么吗？

Answer 1

<h:commandButton value="View Details"> 
   <f:ajax execute="#{setCurrentEmployeeId(emp.id)}" render="employeeDetails"/> 
</h:commandButton>

这是错误的。 <f:ajax> 的 execute 属性应指向将在服务器端提交和处理的组件客户端 ID 的空格分隔集合（与使用空格分隔的组件集合指定 render 属性相同的方式在 ajax 请求之后要更新/重新呈现的客户端 ID）。在您的特定情况下，它应该是数据表或表单的 ID，或者只是 @form 来泛指父表单。

应该在<h:commandButton> 的action 属性中定义传递行ID 的操作方法。所以，应该这样做：

<h:commandButton value="View Details" action="#{backingBean.setCurrentEmployeeId(emp.id)}">
    <f:ajax execute="@form" render="employeeDetails"/> 
</h:commandButton>

（请注意，我修复了 action 方法中缺少的托管 bean 名称）

顺便说一句，你知道你也可以在 EL 中将整个对象作为参数传递吗？

<h:commandButton value="View Details" action="#{backingBean.setCurrentEmployee(emp)}">
    <f:ajax execute="@form" render="employeeDetails"/> 
</h:commandButton>

这样您就不需要从数据库中重新加载员工。