JSF + Primefaces：Master-Detail-View中的Ajax CRUD-Actions仅在每页加载时工作一次

时间：2011-11-14 15:49:24

标签： java hibernate jsf primefaces

我在使用Primefaces 2.2.1 + Hibernate的JBoss AS 6上使用Mojarra 2.0.3。

我有一个带有p：datatable和p：对话框的主 - 详细信息 - 视图，用于Person（prename，lastname）。

Person.java代码：

@Entity
public class Person implements Serializable {

private static final long serialVersionUID = 279906432340876832L;
@Id
@GeneratedValue(strategy = javax.persistence.GenerationType.AUTO)
private Long id;

private String prename;
private String lastname;

    // getter and setter...
}

使用“创建”按钮可以创建一个新实例，通过“编辑”按钮，可以编辑所选项目。

.xhtml代码：

<h:form id="personForm">

    <!-- 2 Buttons to open create/edit Dialog -->
    <p:panel id="tableButtons">
        <p:commandButton value="create" action="#{personBean.showCreateView}"
            update="personForm:detailPanel" oncomplete="personDialog.show()" />
        <p:commandButton value="edit" action="#{personBean.showEditView}"
            update="personForm:detailPanel" oncomplete="personDialog.show()"
            rendered="#{personBean.rowSelected}" />
    </p:panel>

    <!--  DataTable for list-View -->
    <p:dataTable var="item" styleClass="table"
        value="#{personBean.personList}" id="personTable" paginator="true"
        selectionMode="single" selection="#{personBean.selectedPerson}"
        rowSelectListener="#{personBean.select}"
        onRowSelectUpdate="personForm:tableButtons"
        rowUnselectListener="#{personBean.unselect}"
        onRowUnselectUpdate="personForm:tableButtons" rows="10">
        <p:column sortBy="#{item.prename}">
            <f:facet name="header">
                <h:outputText value="prename" />
            </f:facet>
            <h:outputText value="#{item.prename}" />
        </p:column>
        <p:column sortBy="#{item.lastname}">
            <f:facet name="header">
                <h:outputText value="lastname" />
            </f:facet>
            <h:outputText value="#{item.lastname}" />
        </p:column>
    </p:dataTable>

    <!--  Dialog for detailed-View -->
    <p:dialog id="personDialog" widgetVar="personDialog">
        <p:panel id="detailPanel">
            <h:panelGrid cellpadding="4">
                <h:outputText value="prename: " />
                <h:inputText value="#{personBean.selectedPerson.prename}" />
                <h:outputText value="lastname: " />
                <h:inputText value="#{personBean.selectedPerson.lastname}" />
            </h:panelGrid>
            <p:commandButton value="persist"
                actionListener="#{personBean.persist}"
                rendered="#{personBean.createView}" update="personForm"
                oncomplete="personDialog.hide()" />
            <p:commandButton value="save" actionListener="#{personBean.merge}"
                update="personForm" rendered="#{personBean.editView}"
                oncomplete="personDialog.hide()" />
        </p:panel>
    </p:dialog>

</h:form>

managedBean包含2个布尔属性createView / editView，它们出现在对话框命令按钮的render-attribute中，一个是DataTable的List，另一个是用于Detail-View的“selectedPerson”，另一个是在行的情况下触发edit-Button的布尔值在DataTable中进行选择。

Managed-Bean代码：

@ManagedBean(name = "personBean")
@ViewScoped
public class PersonMBean {

private List<Person> personList;
private Person selectedPerson;

// row in the table has been selected
private boolean rowSelected;

// only render the active View
private boolean createView;
private boolean editView;
// ... displayView and more possible

@EJB
private CRUDService crudService;

public PersonMBean() {
    personList = new ArrayList<Person>();
    selectedPerson = new Person();
}

// CRUD-options
public String persist(ActionEvent actionEvent) {
    crudService.persist(selectedPerson);
    return null;
}
public String merge(ActionEvent actionEvent) {
    selectedPerson = crudService.merge(selectedPerson);
    return null;
}

// switch between Views
public String showCreateView() {
    selectedPerson = new Person();
    createView = true;
    editView = false;
    return null;
}
public String showEditView() {
    createView = false;
    editView = true;
    return null;
}

public List<Person> getPersonList() {
    return crudService.getAllPerson();
}

public Person getSelectedPerson() {
    if (selectedPerson == null) {
        selectedPerson = new Person();
    }
    return selectedPerson;
}

public String select(SelectEvent event) {
    setRowSelected(true);
    return null;
}

public String unselect(UnselectEvent event) {
    setRowSelected(false);
    return null;
}

// getter + setter
public void setPersonList(List<Person> personList) {this.personList = personList;}
public void setSelectedPerson(Person selectedPerson) {this.selectedPerson = selectedPerson;}
public boolean isRowSelected() {return rowSelected;}
public void setRowSelected(boolean rowSelected) {this.rowSelected = rowSelected;}
public void setCreateView(boolean createView) {this.createView = createView;}
public boolean isCreateView() {return createView;}
public void setEditView(boolean editView) {this.editView = editView;}
public boolean isEditView() {return editView;}

}

问题在于，虽然单个创建/编辑Person是成功的，但在此之后，create-Action会插入一个空行，而edit-Action会插入一个具有错误值的行。当我重新加载页面时，第一个动作再次正常，第二个动作失败...... :(

我认为PersonMBean.selectedPerson有一个过时的状态，但我无法弄明白，也无法找到解决方案。

P.S。 crudService只调用em.persist + em.merge

CRUDService代码：

@Stateless
public class CRUDService {

@PersistenceContext
EntityManager em;

public <T> T persist(T t) {
    this.em.persist(t);
    return t;
}

public <T> T merge(T t) {
    return this.em.merge(t);
}

@SuppressWarnings("unchecked")
public List<Person> getAllPerson() {
    Query q = em.createQuery("from Person");
    return q.getResultList();
}
}

web.xml如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<web-app
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="WebApp_ID"
version="3.0">
<context-param>
    <param-name>javax.faces.PARTIAL_STATE_SAVING</param-name>
    <param-value>false</param-value>
</context-param>
<servlet>
    <servlet-name>facesServlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
    <servlet-name>facesServlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern>
</servlet-mapping>
</web-app>

我真的很挣这个，希望你能帮助我。

如果格式/样式有任何问题，请告诉我，以便我可以更新。

2 个答案:

答案 0 :(得分：1)

查看http://www.jaxio.com/en/celerio.html它输出可用作示例的JSF + Primefaces主/详细页面

答案 1 :(得分：0)

您可以将它添加到您的web.xml然后重新运行代码吗？

<context-param>
<param-name>javax.faces.PARTIAL_STATE_SAVING</param-name>
<param-value>false</param-value>

相关问题
最新问题