JSF数据表:添加和删除行清除行值

Question

我有啊:数据表显示行列表,每行的字段是输入字段.

我在表格前面渲染一个"添加行"按钮,在表格的每一行上都有一个"删除行"按钮.

烘焙bean是viewScoped,按钮添加/删除辅助bean中java列表中的元素,然后返回到同一视图.

我在按钮中将immediate属性设置为"true",以便在添加或删除行时不验证输入字段.

一切正常但只有一件事:输入文件的值被清除.我认为视图保持值,因为bean是viewScoped.

如何在不触发验证的情况下实现添加/删除行,并保留用户在表单中键入的值？

我的看法:

<h:form>
    <h:commandButton value="Añadir Fila" immediate="true" action="#{tablaController.addRowAction}" />
    <h:dataTable value="#{tablaController.lista}" var="fila" cellpadding="0" cellspacing="0" border="1">
        <f:facet name="header">TABLA</f:facet>
        <h:column>
             <f:facet name="header"><h:outputLabel value="NOMBRE" /></f:facet>
             <h:inputText id="nom" value="#{fila.nombre}" />
             <h:message for="nom" class="msjError" />
        </h:column>
        <h:column>
            <f:facet name="header"></f:facet>
            <h:commandButton value="Quitar Fila" immediate="true" action="#{tablaController.removeRowAction(fila)}" />
        </h:column>
    </h:dataTable>
</h:form>

我的支持豆:

@ManagedBean(name="tablaController")
@ViewScoped
public class TablaController {

private List<Fila> lista;
...
public TablaController() { }
...
@PostConstruct
public void init() {
    this.lista = new ArrayList<Fila>();
    for (int i=0; i<5; i++) {
        Fila fila = new Fila();
        fila.setNombre("");
        this.lista.add(i,fila);
    }
}
...
public String addRowAction () {
    Fila fila = new Fila();
    fila.setNombre("");
    this.lista.add(fila);
    return "";
}

public String removeRowAction (Fila f) {
    boolean exito = this.lista.remove(f);
    return "";
}
...
}

更新 - >我的解决方案:

如果有人有兴趣,我在这里写我的解决方案.

问题是我使用immediate ="true"来跳过验证,但这也会跳过update_model_values,因此在单击添加/删除按钮并重新重新登录页面后,用户在表单中输入的值将丢失.

当我使用"JSR-303 bean验证"时,我的解决方案是使用f:validateBean跳过验证来启用/禁用它们.根据我点击的按钮,如果我想要执行验证,我启用bean验证(例如在"提交"按钮),如果我想跳过它们,我禁用bean验证(如添加/删除行按钮).但无论如何update_model_values总是执行,因此值不会丢失.

这是观点:

<h:form>
    <f:validateBean disabled="#{!empty param['disableValidation']}">
        <h:commandButton value="Añadir Fila" action="#{tablaController.addRowAction}">
            <f:param name="disableValidation" value="true" />
        </h:commandButton>
        <h:dataTable value="#{tablaController.lista}" var="fila" cellpadding="0" cellspacing="0" border="1">
            <f:facet name="header">TABLA</f:facet>
            <h:column>
                <f:facet name="header"><h:outputLabel value="NOMBRE" /></f:facet>
                <h:inputText id="nom" value="#{fila.nombre}" />
                <h:message for="nom" class="msjError" />
            </h:column>
            <h:column>
                <f:facet name="header"></f:facet>
                <h:commandButton value="Quitar Fila" action="#{tablaController.removeRowAction(fila)}">
                    <f:param name="disableValidation" value="true" />
               </h:commandButton>
            </h:column>
        </h:dataTable>
        <h:commandButton value="Submit" action="#{tablaController.saveData}" />
    </f:validateBean>
</h:form>

支持bean:

@ManagedBean(name="tablaController")
@ViewScoped
public class TablaController {

private List<Fila> lista;
...
public TablaController() { }
...
@PostConstruct
public void init() {
    this.lista = new ArrayList<Fila>();
    for (int i=0; i<5; i++) {
        Fila fila = new Fila();
        fila.setNombre("fila "+i);
        this.lista.add(i,fila);
    }
}
...
public String addRowAction () {
    Fila fila = new Fila();
    fila.setNombre("");
    this.lista.add(fila);
    return "";
}

public String removeRowAction (Fila f) {
    this.lista.remove(f);
    return "";
}
...
public String saveData () {
    ...
    //processes the valid data
    //for example, calls to a service method to store them in a database
    ...
    return "";
}
...
}

Answer 1

我有完全相同的问题。简而言之，您不能使用立即更新数据表（UIData）或facelet重复的操作。简短说明：如果 UIData 中的输入未经过验证，则不会保留提交的值以供重新显示。详细解释可以在这里找到：详细解释和Mojarra 中的相关错误