使用actionListener时更新bean属性

如何解决使用actionListener时更新bean属性

我有一个对话框。该对话框具有inputTextarea和commandButton。 commandButton使用actionListener来调用Bean上的方法。我的问题是，inputTextarea中的数据不适用于我的actionListener的方法。下面显示的注释字段在Bean上为空。如何在bean的方法中访问它的内容？

页面：

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
            xmlns:f="http://java.sun.com/jsf/core" xmlns:c="http://java.sun.com/jsp/jstl/core"
            xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui"
            template="/common/template.xhtml">
<ui:define name="title">test</ui:define>
<ui:define name="head">
    <h:outputStylesheet name="web0020.css" library="css"/>
</ui:define>
<ui:define name="content">
    <p:panel id="fileUploads" header="File Uploads" style="margin-bottom:20px">
        <h:form id="form">
            <p:messages id="messages" showDetail="false" closable="true">
                <p:autoUpdate/>
            </p:messages>
            <p:dialog header="Approve" widgetVar="approveDlg" modal="true" appendTo="@(body)">
                <p:panelGrid columns="1" layout="grid" styleClass="ui-noborder">
                    <h:outputText value="Approve Submission" style="font-weight:bold;font-size:1.3em"/>
                    <p:outputLabel for="comments" value="Comments:" style="font-weight:bold"/>
                    <p:inputTextarea id="comments" value="#{testView.comments}"
                                     rows="1" cols="100"/>
                    <p:commandButton value="Save"
                                     actionListener="#{testView.approve()}"
                                     icon="ui-icon-check" update=":form:messages"/>
                </p:panelGrid>
            </p:dialog>
            <p:commandButton value="Approve" onclick="PF('approveDlg').show();" icon="fa fa-thumbs-up"
                             update=":form:messages"/>
        </h:form>
    </p:panel>
</ui:define>
</ui:composition>

@Named
@ViewScoped
public class TestView implements Serializable{
    @SuppressWarnings("compatibility:1287963775427900593")
    private static final long serialVersionUID = 1L;
    
    public TestView() {
        super();
    }
    private String comments;
    
    public void approve() {
        try {
        System.out.println("Comment:" + comments); //THIS IS EMPTY

        } catch (Exception e) {
            FacesContext.getCurrentInstance()
                .addMessage(null,new FacesMessage(FacesMessage.SEVERITY_ERROR,"Error! " + e.getMessage(),e.getMessage()));

        }
    }

    public void setComments(String comments) {
        this.comments = comments;
    }

    public String getComments() {
        return comments;
    }
}

解决方法

已回答--Primefaces dialog with modal=true not working properly。为了制作模式表单，您必须使用appendTo =“ @（body）”，如果使用appendTo，则将其置于页面的表单之外，因此必须嵌入单独的表单（在主页的表单之外）在对话框中