Question

在下面的表格中，一个人可以与汽车一起输入。用户可以例如点击＆＃34;减号＆＃34;删除汽车commandButton是dataTable的一行。然而，

当＆＃34;减去＆＃34; commandButton是 immediate = false 然后删除汽车不起作用，因为验证启动（需要人的姓氏），这是按预期工作。
当立即=真，时，保存无效。例如：列表中有三辆车，而＃34;福特＆＃34; （在列表中排名第二）被删除。删除似乎工作正常，浏览器正确反映了更改。然而，当通过savePerson方法触发保存时，它显示列表中的最后一辆车（丰田）已被移除而不是福特。 如何在保存此人时反映更改？

以下bean的日志输出：

removing car Car{brand='Ford'}
remaining car Car{brand='Porsche'}
remaining car Car{brand='Toyota'}
saving person
saving car Car{brand='Porsche'}
saving car Car{brand='Ford'}

JSF

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition template="/META-INF/templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <h:form id="formChanges">
            <p:accordionPanel id="accPanel">

                <p:tab title="Cars">
                    <p:panelGrid columns="2">
                        <f:facet name="header">Person</f:facet>
                        <p:outputLabel value="Last" for="last"/>
                        <p:inputText id="last" value="#{table.person.last}" required="true"/>

                        <p:outputLabel value="First" for="first"/>
                        <p:inputText id="first" value="#{table.person.first}"/>
                    </p:panelGrid>

                    <p:dataTable var="car" value="#{table.person.cars}">
                        <p:column>
                            <f:facet name="header">Brand</f:facet>
                            <p:inputText value="#{car.brand}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">Options</f:facet>
                            <p:commandButton value="#{msgs.minus}"
                                             action="#{table.removeCar(car)}"
                                             immediate="true"
                                             update="formChanges:accPanel"/>
                        </p:column>
                    </p:dataTable>
                    <p:commandButton value="#{msgs.plus}" action="#{table.addCar}"
                                     immediate="true" update="formChanges:accPanel"/>

                    <p:spacer height="10"/>
                    <p:commandButton id="save" value="#{msgs.save}" icon="ui-icon-check"
                                     action="#{table.savePerson}" ajax="false"/>
                </p:tab>
            </p:accordionPanel>
        </h:form>
    </ui:define>

</ui:composition>

豆

import com.google.common.collect.Lists;
import de.dgr.question.Car;
import de.dgr.question.Person;
import org.slf4j.Logger;

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.inject.Inject;
import java.io.Serializable;
import java.util.List;

@ManagedBean(name = "table")
@ViewScoped
public class TableController implements Serializable {

    @Inject
    private Logger log;

    private Person person;

    @PostConstruct
    public void init() {
        List<Car> cars = Lists.newArrayList(new Car("Porsche"), new Car("Ford"), new Car("Toyota"));
        person = new Person();
        person.setCars(cars);
    }

    public String savePerson() {
        log.info("-> saving person");
        for (Car car :  person.getCars()) {
            log.info("saving car {}", car);
        }

        return null;
    }

    public String removeCar(final Car carToDelete) {
        log.info("removing car {}", carToDelete);
        person.getCars().remove(carToDelete);
        for (Car car :  person.getCars()) {
            log.info("remaining car {}", car);
        }

        return null;
    }

    public String addCar() {
        log.info("adding empty car");
        person.getCars().add(new Car());

        return null;
    }

    public Person getPerson() {
        return person;
    }

    public void setPerson(final Person person) {
        this.person = person;
    }
}

Answer 1

感谢BalusC为我提供的链接，我实施了以下解决方案。

immediate = true在任何情况下都是错误的，因为在输入新车然后删除其中一个时，需要使用表单数据更新模型（组件）。否则，添加/删除汽车时，表格中已经填写的数据会丢失（加/减commandButton）。

这意味着需要处理表单的所有输入组件，包括所需的组件＆＃34; last＆＃34;为了用该数据更新模型。为了避免验证所需的组件＆＃34; last＆＃34;添加/删除汽车时，只有在按下保存按钮时才会验证[How to let validation depend on the pressed button?的解决方案。

然而，最后一点似乎只有在ajax =＆＃34; false＆＃34;未指定。如果是这样，那么param [save.clientId]似乎总是为空。只有当ajax =＆＃34; true＆＃34; （这是默认值）参数是否有值。

更改jsf页面：

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition template="/META-INF/templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <h:form id="formChanges" prependId="false">
            <p:accordionPanel id="accPanel" prependId="false">

                <p:tab title="Cars">
                    <h:panelGroup id="panelNewData">
                        <p:panelGrid columns="2">
                            <f:facet name="header">Person</f:facet>
                            <p:outputLabel value="Last" for="last"/>
                            <p:inputText id="last" value="#{table.person.last}"
                                         required="#{not empty param[save.clientId]}" />

                            <p:outputLabel value="First" for="first"/>
                            <p:inputText id="first" value="#{table.person.first}"/>
                        </p:panelGrid>

                        <p:dataTable var="car" value="#{table.person.cars}">
                            <p:column>
                                <f:facet name="header">Brand</f:facet>
                                <p:inputText value="#{car.brand}"/>
                            </p:column>
                            <p:column>
                                <f:facet name="header">Options</f:facet>
                                <p:commandButton value="#{msgs.minus}"
                                                 action="#{table.removeCar(car)}"
                                                 process="panelNewData"
                                                 update="panelNewData"/>
                            </p:column>
                        </p:dataTable>
                        <p:commandButton value="#{msgs.plus}" action="#{table.addCar}"
                                         process="panelNewData" update="accPanel"/>

                        <p:spacer height="10"/>
                        <p:commandButton id="save" binding="#{save}" value="#{msgs.save}"
                                         icon="ui-icon-check" action="#{table.savePerson}" 
                                         update="accPanel"/>
                    </h:panelGroup>
                </p:tab>
            </p:accordionPanel>
        </h:form>
    </ui:define>

</ui:composition>

模型已更新，但更改会丢失

1 个答案: