使用对话框在PrimeFaces ver 3.4.2 dataTable中添加无法正常工作

时间:2013-01-03 15:48:21

标签: jsf-2 primefaces datatable add crud

我想要使用添加,过滤,编辑,删除和分页功能来制作CRUD PrimeFaces dataTable。 我正在尝试使用PrimeFaces 3.4.2 dataTable,JSF 2.1在对话框(即模态弹出窗口)中“添加”新记录。

所有其他操作都运行良好,但dataTable在添加操作后未正确更新。 第一次添加操作后,它会正确更新。 之后我添加了第二行dataTable,但是第一次添加的行被替换为第二次添加的行。 之后我添加第3行,第1行已被第3行替换。 在所有情况下,数据库表都会得到更新。

来自jsf和托管bean的代码片段:

JSF代码

<h:body>
<h:form id="form1">

            <h:messages id="messages1"/>
            <br/>

            <p:commandButton id="Addbtn" value="Add" oncomplete="AddDialog.show()" update=":addform"/>                
            <br/>

            <p:dataTable id="dtusers" value="#{userdataController.retrieveData()}" var="item" 
                         rows="8" paginator="true" emptyMessage="No Records Found" 
                         paginatorAlwaysVisible="false">

                <p:column style="width:150px" filterMatchMode="contains" filterBy ="#{item.id}">
                    <f:facet name="header"> Id </f:facet>
                    <h:outputText value="#{item.id}"/>
                </p:column>

                <p:column style="width:150px" filterMatchMode="contains" filterBy="#{item.name}">
                    <f:facet name="header"> Name </f:facet>
                    <h:outputText value="#{item.name}"/>
                </p:column>     

                <p:column style="width:150px">  
                    <p:commandButton id="editButton" update=":editform" oncomplete="EditDialog.show()" value="Edit">
                        <f:setPropertyActionListener value="#{item}" target="#{userdataController.selectedUser}"/>
                    </p:commandButton>                       
                </p:column>

                <p:column style="width:150px">  
                    <p:commandButton id="deleteButton" update=":deleteform" oncomplete="UserDialog.show()" value="Delete">
                        <f:setPropertyActionListener value="#{item}" target="#{userdataController.selectedUser}"/>
                    </p:commandButton>    
                </p:column>                 

            </p:dataTable>
        </h:form>   

 <p:dialog header="Add User Data" resizable="false" id="AddDialog" widgetVar="AddDialog" modal="true" showEffect="fade" hideEffect="fade" position="center" dynamic="true">
            <h:form id="addform">
                <p:outputPanel id="AddDisplay">

                    <p:panelGrid columns="2" >

                        <f:facet name="header">
                            Add Userdata
                        </f:facet>

                        <h:outputLabel for="Id" value="Enter Id:"/>
                        <p:inputText id="Id" value="#{userdataController.selected.id}" />

                        <h:outputLabel for="Name" value="Enter Name:"/>
                        <p:inputText id="Name" value="#{userdataController.selected.name}"/>

                        <p:commandButton  actionListener="#{userdataController.create}" update=":form1:dtusers :form1:messages1" value="Save" oncomplete="AddDialog.hide()" style="margin:0"/>                 

                    </p:panelGrid>
                </p:outputPanel>
            </h:form>
        </p:dialog> 
 </h:body>

Manaed Bean代码段

@ManagedBean(name = "userdataController")
    @SessionScoped
    public class UserdataController implements Serializable {

    private Userdata current;
    private DataModel items = null;
    @EJB
    private PrimeFacesDb.session.UserdataFacade ejbFacade;
    private int id;
    private String name;
    private Userdata SelectedUser;

    public UserdataController() {
   }
 //getters setters for id,name and SelectedUser

  private UserdataFacade getFacade() {
    return ejbFacade;
  }
  public List retrieveData() {
    List result = getFacade().findAll();
    return result;
  }

   public void create() {
    try {
        getFacade().create(current);
        JsfUtil.addSuccessMessage("Userdata created successfully");
    } catch (Exception e) {
        JsfUtil.addErrorMessage(e, "Persistence Error occured");
    }
  }
 }

PrimeFaces论坛中提供的信息,NetBeans示例代码和可编辑数据样本(mastertheboss.com/primefaces/datatables-with-primefaces / ...;)帮助我创建了一个更好的可证明的CRUD数据表,包括创建,过滤,编辑和删除特征。如果没有提到Mr.BalusC,那将是不完整的,因为他的评论,JSF 2.x帖子的解决方案对我来说很有价值。

2 个答案:

答案 0 :(得分:1)

您似乎缺少/误解了Java的面向对象特性。您每次都会在添加表单中重复使用相同的对象实例/ refrerence。

基本上,您的流程如下:

List<Userdata> users = new ArrayList<Userdata>();
Userdata current = new Userdata();
current.setName("foo");
users.add(current);
current.setName("bar"); // Look, it's still the same instance! So the one in the list is also changed!
users.add(current); // It now contains 2 references of exactly the same instance!
current.setName("baz"); // Still the same reference!
users.add(current); // It now contains 3 references of exactly the same instance!
// ...

虽然你实际上应该这样做

List<Userdata> users = new ArrayList<Userdata>();
Userdata current = new Userdata();
current.setName("foo");
users.add(current);
current = new Userdata(); // New instance!
current.setName("bar");
users.add(current);
current = new Userdata(); // Another new instance!
current.setName("baz");
users.add(current);
// ...

因此,请相应地修复您的create()方法:

getFacade().create(current);
current = new Userdata();

(请注意,您的视图和模型并不完全匹配...... selectedcurrent不一样,我假设您刚刚使用了不同的属性名称比getter命名的那样)

答案 1 :(得分:0)

@PostConstruct注释用于init()方法,基于NetBeans示例应用程序ScrumToys。

@PostConstruct     public void init(){         current = new Users();    }

信息PrimeFaces forum也帮助我识别模型中java代码中的问题。