为什么这个表格内嵌编辑器不起作用？答案

【问题标题】：Why this table In-Cell editor, doesnt work?为什么这个表格内嵌编辑器不起作用？
【发布时间】：2012-03-03 02:59:13
【问题描述】：

我正在尝试弄清楚 primefaces 单元内编辑器的工作原理。

由于某种原因，它不起作用。我只是看到它激活并且我可以输入，但值不会改变。缺少什么？

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:form>
        <p:dataTable id="allSubjects" var="subject" value="#{subjectControllerUpdate.retrieve()}" paginator="true" rows="7" >
            <p:column headerText="Name" sortBy="#{subject.name}" style="width:200px" >
                <p:cellEditor>  
                    <f:facet name="output">  
                        <h:outputText value="#{subject.name}"/>  
                    </f:facet>  
                    <f:facet name="input">  
                        <p:inputText value="#{subject.name}" style="width:100%"/>  
                    </f:facet>  
                </p:cellEditor>  
            </p:column>

            <p:column sortBy="#{subject.description}" headerText="Description">               
                <p:cellEditor>  
                    <f:facet name="output">  
                        <h:outputText value="#{subject.description}"/>  
                    </f:facet>  
                    <f:facet name="input">  
                        <p:inputText value="#{subject.description}" style="width:100%"/>  
                    </f:facet>  
                </p:cellEditor>    
            </p:column>

            <p:column sortBy="#{subject.credits}" headerText="Credits" style="width:50px">
                <p:cellEditor>  
                    <f:facet name="output">  
                        <h:outputText value="#{subject.credits}"/>  
                    </f:facet>  
                    <f:facet name="input">  
                        <p:inputText value="#{subject.credits}" style="width:100%"/>  
                    </f:facet>  
                </p:cellEditor>
            </p:column>

            <p:column headerText="Options" style="width:50px">                   
                <p:rowEditor />
            </p:column>         
        </p:dataTable>
    </h:form>    

</html>

这是托管 bean

package controllers;

import crudfacades.SubjectFacade;
import entities.Subject;
import java.io.Serializable;
import java.util.List;
import javax.ejb.EJB;
import javax.enterprise.context.SessionScoped;
import javax.inject.Named;

@Named("subjectControllerUpdate")
@SessionScoped
public class SubjectControllerUpdate implements Serializable {

    private List<Subject> subjects;
    private Subject currentSubject;
    @EJB
    private SubjectFacade ejbFacade;

    //INITIALIZATION
    public SubjectControllerUpdate() {
        currentSubject = new Subject();
    }

    //RETRIEVE
    public List<Subject> retrieve() {
        return getSubjectFacade().findAll();
    }

    //UPDATE

    //HELP METHODS
    //RETURN THE FACADE FOR DATA MANIPULATION(Best practice)
    private SubjectFacade getSubjectFacade() {
        return ejbFacade;
    }

    //GETTERS AND SETTERS
    public Subject getCurrentSubject() {
        return currentSubject;
    }

    public void setCurrentSubject(Subject currentSubject) {
        this.currentSubject = currentSubject;
    }

    public List<Subject> getSubjects() {
        return subjects;
    }

    public void setSubjects(List<Subject> subjects) {
        this.subjects = subjects;
    }
}

【问题讨论】：

“价值观不变”到底是什么意思？
@BalusC 编辑器在我单击时自动激活，但是当我单击确认时，UI 中的值没有改变，我看到数据库中没有任何变化。这是我使用的组件：primefaces.org/showcase-labs/ui/datatableEditing.jsf

标签： java jsf jakarta-ee jsf-2 crud

【解决方案1】：

但是当我点击确认时，UI 中的值没有改变

您已将<p:dataTable> 的值绑定到retrieve() 而不是getSubjects()。因此，每个 getter 调用都会直接从数据库而不是模型中获取值。

我发现数据库没有变化

您没有在数据库中保存任何内容。

按如下方式修复您的控制器：

@Named
@SessionScoped
public class SubjectControllerUpdate implements Serializable {

    private DataModel<Subject> subjects;

    @EJB
    private SubjectFacade ejbFacade;

    @PostConstruct
    public void init() {
        subjects = new ListDataModel<Subject>(ejbFacade.findAll());
    }

    public void save() {
        ejbFacade.save(subjects.getRowData());
    }

    public List<Subject> getSubjects() {
        return subjects;
    }

}

与

<h:form>
    <p:dataTable value="#{subjectControllerUpdate.subjects}" ...>
        <p:ajax event="rowEdit" listener="#{subjectControllerUpdate.save}" />
        ...
    </p:dataTable>
</h:form>

为了能够获取当前行，必须使用DataModel<Subject> 而不是List<Subject>。

【讨论】：

我理解我的错误，我按照你所说的进行了修复，但我对调用保存的方式有疑问。我的表单没有 p:commandButton，它使用<p:rowEditor />，我如何触发方法save()？
如答案所示，添加一个保存按钮，该按钮应保存在行编辑期间所做的所有更改。
或者如果你不想要保存按钮，你可以在数据表中使用<p:ajax event="rowEdit">。
是的，我不想使用按钮，而是更喜欢使用 <p:rowEditor> 附带的小图标，所以我在表格中添加了 ajax 标签，但我不明白该方法是如何被触发的。我还应该添加<p:rowEditor action="#subjectControllerUpdate.save}">吗？
我编辑了答案以改用<p:ajax event="rowEdit">。