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

Question

因此，我有一个如下所示的 dataTable：

                <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

 
   ; 

这是错误的。 的 execute 属性应该指向一个空格分隔的组件客户端 ID 集合，这些 ID 将在服务器端提交和处理（同样的方式因为您使用空格分隔的组件客户端 ID 集合指定 render 属性，这些 ID 将在 ajax 请求后更新/重新呈现）。在您的特定情况下，它应该是数据表或表单的 ID，或者只是 @form 以一般引用父表单。

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

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

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

顺便说一句，您是否知道也可以将整个对象作为 EL 中的参数传递？

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

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