datatable - Primefaces嵌套DataTable与InputText不更新Bean

Question

我在数据表中有一个数据表。初始数据表有一个出现在页面上的组件列表。其中一个组件将是可以添加或删除元素的字符串列表。当我更改此列表中的字符串时，我希望该值显示在 bean 中，但事实并非如此。

下面我有一个我的问题的例子。该页面为第一个组件呈现一个文本输入字段，然后呈现三个文本输入字段来表示第二个组件，该组件是三个输入字段的列表。

我在所有输入字段上都有 valueChange 侦听器。侦听器位于 InnerBean 类中，打印出源和更改的值。
对于独立输入字段，侦听器正确打印出更改的值，并显示 bean 已使用此值更新。对于列表中的任何输入字段，侦听器打印出输入字段的先前值，并且 bean 尚未更新。在内部数据表的ajax更新时，将更改的值替换为原始值。

由于调用了 valueChange 侦听器，Primefaces 似乎知道值已更改。该代码似乎没有记录更改的值。

任何帮助表示赞赏。

我正在使用Primefaces 8.0和JSF 2.2.20。

这是xhtml：

                <p:panel id="testPanel" header="#{myController.outerBean.name}" toggleable="true" collapsed="false" >
                    
                    <p:dataTable id="testTable" value="#{myController.outerBean.innerBeanList}" var="bean">
                        
                        <p:column >
                        
                            <!-- TEXT COMPONENT-->
                            <h:panelGroup rendered="#{bean.type eq 'text'}" >
                                <p:inputText id="textfield" value="#{bean.value}" style="width:100%;" >
                                    <p:ajax event="valueChange" listener="#{bean.textListListener}"  update="testTable" />
                                </p:inputText>
                            </h:panelGroup>
                            
                            <!-- LIST COMPONENT -->
                            <h:panelGroup rendered="#{bean.type eq 'textlist'}" >
                                <p:dataTable id="testListTable" styleClass="datatableWithoutBorder" style="width:320px" 
                                        var="textAddition" value="#{bean.list}" rowIndexVar="rowIndex" >    
                                    <p:column >
                                        <p:inputText id="textAdd" value="#{textAddition}" style="width: 100%;">
                                            <p:ajax event="valueChange" listener="#{bean.textListListener}" update="testListTable"/>                                            
                                        </p:inputText>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGroup>
                            
                        </p:column>
                    </p:dataTable>

                    <h:panelGrid columns="1"  style="width:100%;">
                        <h:panelGroup style="float:right">
                            <p:commandButton id="submitBtn" value="Submit"
                                action="#{dummyController.submit}"
                                update="messages @this" 
                                icon="fa fa-save"/>
                        </h:panelGroup>
                    </h:panelGrid>
                </p:panel>

我的控制器代码：

public class MyController {

private OuterBean outerBean;

public MyController() {
    System.out.println("MyController instantiated");
    setOuterBean(new OuterBean());
}

public void submit() {
    for (InnerBean ab: outerBean.getInnerBeanList()) {
        System.out.println(ab.getLabel() + ": " + ab.getValue() + ":" + ab.getList() );
    }
}

public void clear() {
    // TODO
}

// Getter/Setter methods
public OuterBean getOuterBean() {
    return outerBean;
}
public void setOuterBean(OuterBean outerBean) {
    this.outerBean = outerBean;
}

}

我的 OuterBean 与组件列表：

public class OuterBean implements Serializable {

private String name;
private String value;
private List<InnerBean> innerBeanList;

public OuterBean() {

    name = "Entry Panel #1";
    value = "";

    innerBeanList = new ArrayList<InnerBean>();
    InnerBean ab1 = new InnerBean(); 
    ab1.setLabel("First Component");
    ab1.setType("text");
    ab1.setValue("Input text");
    innerBeanList.add(ab1);
    
    InnerBean ab2 = new InnerBean();
    ab2.setLabel("Second Component");
    ab2.setType("textlist");
    ArrayList<String> list = new ArrayList<String>();
    list.add("Item 1");
    list.add("Item 2");
    list.add("Item 3");
    ab2.setList(list);
    innerBeanList.add(ab2);
}

//
// Getter/Setters
//
public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

public String getValue() {
    return value;
}

public void setValue(String value) {
    this.value = value;
}

public List<InnerBean> getInnerBeanList() {
    return innerBeanList;
}

public void setInnerBeanList(List<InnerBean> innerBeanList) {
    this.innerBeanList = innerBeanList;
}

}

我的 InnerBean 代表要渲染的组件。其中之一可以是字符串列表：

public class InnerBean implements  Serializable {

// Type of component
public static final String TEXT = "text";
public static final String TEXTLIST = "textlist";

private String label;
private String type;  // If TEXT, use value; if TEXTLIST, use list.
private String value;
private List<String> list = new ArrayList<String>();

public InnerBean() {
}

public void textListListener(AjaxBehaviorEvent event) {
    System.out.println("Listener called");
    System.out.println("       Source: " + event.getSource().toString());
    System.out.println("        Value: " + ((UIInput)event.getSource()).getValue());
    System.out.println("         List: " + list.toString());
    System.out.println("        Event: " + event.toString());

}

//
// Setters and getters
//

public String getLabel() {
    return label;
}

public void setLabel(String label) {
    this.label = label;
}

public String getType() {
    return type;
}

public void setType(String type) {
    this.type = type;
}

public String getValue() {
    return value;
}

public void setValue(String value) {
    this.value = value;
}

public List<String> getList() {
    return list;
}

public void setList(List<String> list) {
    this.list = list;
}

}

标签： datatablejsf-2.2primefaces-8.0