带有InputText的Primefaces嵌套数据表未更新Bean

编程问答 2022-08-13

问题描述

我在dataTable中有一个dataTable。初始dataTable具有显示在页面上的组件列表。这些组件之一将是可以添加或删除元素的字符串列表。当我更改此列表中的字符串时，我希望该值显示在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;
}

}

带有组件列表的My 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;
}

}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

datatabledatatablejsf-2.2