Question

我有一个Web应用程序，该应用程序使用JSF和Primefaces功能中的dataTables，以便它可以执行更多动态功能。在dataTable中，我有包含可编辑数据的行。我的最终目标是让用户能够编辑该数据，单击保存按钮，并执行更新语句来替换数据库中存在的内容。问题是，目前我还不知道如何检测arrayList中对象的变化。

我举了一个例子，看看是否有人可以解决我的难题。听到我有使dataTable和dataTable中的代码是ArrayList中的对象，每个对象包含三个不同的字符串。这些对象在数据表中是可编辑的。我至少需要能够检索在页面上编辑的对象的ArrayList索引。这样，我就可以形成一个新的已编辑对象列表，并编写一个仅对已编辑对象执行批处理更新的方法（我的方案中的一个对象等效于数据库中的一行数据）。我以前的方法是遍历整个ArrayList并更新所有对象（行），但是，随着列表的增加，这样做变得非常昂贵。现在，我在onCellEdit上有一个primefaces方法，该方法可以告诉我先前的值以及它被更改为的值，但是无法指出更改的对象。任何帮助，将不胜感激。设置以下代码，以便可以将其复制，粘贴和执行。

编辑：在我的情况下，我不需要更新ArrayList。这是使用页面上的输入以及Bean的getter和setters自动完成的。我需要做的是知道要编辑哪些对象（行），这样我就可以将它们放在一边并执行数据库更新，而我只更新所编辑的内容。 ArrayList是数据库中内容的镜像，但是这里的目标是更新数据库以镜像编辑的ArrayList，而无需就必须遍历整个List。

Prod.java

public class Prod{

private String value1;

private String value2;

private String value3;

public String getValue1() {
    return value1;
}

public void setValue1(String value1) {
    this.value1 = value1;
}

public String getValue2() {
    return value2;
}

public void setValue2(String value2) {
    this.value2 = value2;
}

public String getValue3() {
    return value3;
}

public void setValue3(String value3) {
    this.value3 = value3;
}

}

Listen.java

import java.io.IOException;
import java.util.ArrayList;

import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.context.ExternalContext;
import javax.faces.context.FacesContext;

import org.primefaces.event.CellEditEvent;

import com.product.inventory.beans.Prod;



@ManagedBean(name = "listen")

@SessionScoped
public class Listen{

 private ArrayList<Prod> products;

 boolean firstEdit = true;


public Listen(){

}

public ArrayList<Prod> setup(){


    ArrayList<Prod> result = new ArrayList<>();     

    int numObject = 100;

    int iterations = 0;


    while( iterations < numObject){

        Prod prod = new Prod();

        prod.setValue1("A" + iterations);
        prod.setValue2("B" + iterations);
        prod.setValue3("C" + iterations);

     result.add(prod);

     iterations = iterations + 1;
    }

    return result;

}

public void onCellEdit(CellEditEvent event) {

  Object oldValue = event.getOldValue();
    Object newValue = event.getNewValue();

    if(newValue != null && !newValue.equals(oldValue)) {
        FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, 
"Cell Changed", "Old: " + oldValue + ", New:" + newValue);
        FacesContext.getCurrentInstance().addMessage(null, msg);
    }

if(isFirstEdit()){

    FacesContext context = FacesContext.getCurrentInstance();
        context.addMessage(null, new 
FacesMessage(FacesMessage.SEVERITY_INFO,
                "Note",  "To confirm changes, please select 'Save Changes' 
or they will not be saved.") );

        this.setFirstEdit(false);

}

}

public void goTest(){

    System.out.println("Initializing...");

    this.products = setup();

    ExternalContext ec = FacesContext.getCurrentInstance()
            .getExternalContext();

    try {

         ec.redirect(ec.getRequestContextPath()
                    + "/test.xhtml");

    } catch (IOException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

    System.out.println("Table Structure Made");

}

public boolean isFirstEdit() {
    return firstEdit;
}

public void setFirstEdit(boolean firstEdit) {
    this.firstEdit = firstEdit;
}

public ArrayList<Prod> getProducts() {
    return products;
}

public void setProducts(ArrayList<Prod> products) {
    this.products = products;
}

}

test.xhtml

<!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:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">


<h:head>

</h:head>
<h:body>

<h:form id="form" method="post">

<p:growl id="msgs" showDetail="true" sticky="false">
    </p:growl>
    <div >

        <p:dataTable id="products" var="prod" value="#{listen.products}"
             scrollable="true" scrollHeight="900" 
             editable = "true" editMode="cell" widgetVar= "prodCell">

            <p:ajax event="cellEdit" listener="#{listen.onCellEdit}" 
            update=":form:msgs"/>

            <p:column filterBy="#{prod.value1}" filterMatchMode="contains" 
            style = "width: 300px;" headerText="Name">

                <p:cellEditor>

                    <f:facet name="output"><h:outputText value="# 
                    {prod.value1}" /></f:facet>

                    <f:facet name="input"><p:inputTextarea rows="2" value="# 
                    {prod.value1}" style = "width: 96%"/></f:facet>
                </p:cellEditor>

            </p:column>

            <p:column style = "width: 140px;" headerText="Vendor">

                <p:cellEditor >

                    <f:facet name="output"><h:outputText value="# 
                    {prod.value2}" /></f:facet>

                    <f:facet name="input">
                        <h:selectOneMenu value="#{prod.value2}" 
                        style="width:100%">
                            <f:selectItem itemValue="Y" itemLabel="Yes"/>
                            <f:selectItem itemValue="N" itemLabel="No"/>
                        </h:selectOneMenu>

                    </f:facet>

                </p:cellEditor>

            </p:column>


            <p:column style = "width: 275px;" headerText="Version Release">

                <p:cellEditor>  
                    <f:facet name="output"><h:outputText value="# 
                    {prod.value3}" /></f:facet>

                    <f:facet name="input"><p:inputTextarea rows="1" value="# 
                    {prod.value3}" style = "width: 96%"/></f:facet>

                </p:cellEditor>
            </p:column> 

            <f:facet name="footer">
            <div align = "left">
            <p:commandButton value="post" action="#{tables.showChange}" 
            ajax="false"></p:commandButton>
            </div>
            </f:facet>


        </p:dataTable>

    </div>

     <p:contextMenu for="products" widgetVar="pMenu">   
    <p:menuitem value="Edit Cell" icon="pi pi-search" 
     onclick="PF('prodCell').showCellEditor();return false;"/>  
    <p:menuitem value="Hide Menu" icon="pi pi-times" 
     onclick="PF('pMenu').hide()"/>  
</p:contextMenu> 

</h:form>

Index.xhtml

<!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:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">


<h:head>

</h:head>
<h:body>

<h:form method="post">

<h:commandButton value = "Contact Spreadsheet" ajax="false" 
action="#{listen.goTest}" ></h:commandButton>
</h:form>
</h:body>
</html>

Answer 1

您想要的解决方案是PrimeFaces Extensions Sheet组件，用于寻找所需的行为。

Sheet满足了无法进行单元内编辑的PrimeFaces Datatable的需要。它可以通过编辑单个单元格来处理大量数据，而无需提交整个工作表。使用TAB和SHIFT + TAB提供熟悉的电子表格导航以及熟悉的电子表格体验。

功能包括：

单元内快速编辑和验证
复制/粘贴范围选择，包括复制/粘贴和填充
排序
过滤
固定的列和行
可调整大小的列和行
可移动的列和行
Ajax更新和验证

基于Handsoncode的Handsontable。

如何检索ArrayList中已更改对象的索引？

1 个答案: