Question

我使用的表单包含两个单选按钮（h:selectOneRadio），两个文本字段（h:selectOneRadio）和一个重置按钮（a4j:commandButton）。单击单选按钮时，我还使用a4j:support重新呈现文本字段。

此表单的行为必须如下：

当用户点击第一个单选按钮时，必须呈现第一个文本字段，而第二个文本字段不得呈现;
当用户点击第二个单选按钮时，情况会反转，只有第二个文本字段必须呈现;
当用户点击重置按钮时，必须清除两个文本字段的内容。

这是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:h="http://java.sun.com/jsf/html"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">

<head/>
<body>
    <h:form>
        <rich:panel style="width:50%">
            <rich:messages showDetail="false" showSummary="true"/> <br />
            <h:panelGrid columns="1">
                <h:selectOneRadio value="#{updateNotRendered.choice}" label="Choose one">
                    <f:selectItem itemValue="CHOICE1" itemLabel="Choice number 1"/>
                    <f:selectItem itemValue="CHOICE2" itemLabel="Choice number 2"/>

                    <a4j:support event="onclick" reRender="pnlFields"/>
                </h:selectOneRadio>

                <h:panelGroup id="pnlFields">
                    <h:panelGrid columns="2" rendered="#{updateNotRendered.choice1Selected}">
                        <h:outputLabel value="Choice 1 content:" />
                        <h:inputText value="#{updateNotRendered.content1}" />
                    </h:panelGrid>

                    <h:panelGrid columns="2" rendered="#{updateNotRendered.choice2Selected}">
                        <h:outputLabel value="Choice 2 content:" />
                        <h:inputText value="#{updateNotRendered.content2}" />
                    </h:panelGrid>
                </h:panelGroup>
                <a4j:commandButton action="#{updateNotRendered.reset}" value="Reset" reRender="pnlFields"/>
            </h:panelGrid>
        </rich:panel>       
        <a4j:log />
        <f:phaseListener type="poc.jsf.richfaces.PhaseL"/>
    </h:form>
</body>
</html>

这是Managed Bean代码：

public class UpdateNotRendered {
    private String choice;
    private String content1;
    private String content2;

    public String getChoice() {
        return choice;
    }
    public void setChoice(String choice) {
        this.choice = choice;
    }
    public String getContent1() {
        return content1;
    }
    public void setContent1(String content1) {
        this.content1 = content1;
    }
    public String getContent2() {
        return content2;
    }
    public void setContent2(String content2) {
        this.content2 = content2;
    }

    public boolean isChoice1Selected() {
        return choice != null && choice.equals("CHOICE1");
    }

    public boolean isChoice2Selected() {
        return choice != null && choice.equals("CHOICE2");
    }

    public void reset() {
        content1 = null;
        content2 = null;
    }
}

我遇到的问题是：当用户填写两个文本字段并单击重置按钮时，只有一个文本字段（渲染的字段）被清除。

可以通过以下步骤重现此问题：

点击第一个单选按钮并填写第一个文本字段;
单击第二个单选按钮并填写第二个文本字段;
点击重置按钮;
点击第一个单选按钮。 将填写

我怀疑单击重置按钮时，组件树上的非渲染文本字段不会更新。

我可以做些什么来清理两个文本域？

我正在使用richfaces 3.3.3

EDITED：是否有上下文参数确保更新未呈现的组件？

Answer 1

我怀疑你是对的。

您的问题的解决方法可能是不排除正在呈现的文本字段，而只是将可见性设置为隐藏。这可以通过以下代码轻松完成：

<h:panelGrid columns="2"
             style="visibility:#{updateNotRendered.choice1Selected ? 'visible' : 'hidden'}">
    <h:outputLabel value="Choice 1 content:" />
    <h:inputText value="#{updateNotRendered.content1}" />
</h:panelGrid>

HTH，
- 马丁

未呈现的组件没有更新值

1 个答案: