Question

我有一个带有selectOneMenu和inputText的JSF页面。

只有在selectOneMenu上选择了某个选项时，inputText才需要。

这是JSF代码：

        <span>
            <h:selectOneMenu id="select" value="#{myBean.model.selectValue}" >
                <f:selectItem itemValue="1" itemLabel="1" />
                <f:selectItem itemValue="2" itemLabel="2" />
                <f:selectItem itemValue="3" itemLabel="3" />
                <f:ajax listener="#{myBean.showInput}" render="input" />
            </h:selectOneMenu>
        </span>
        <span>
            <h:inputText id="input" value="#{myBean.model.inputValue}" rendered="#{myBean.input}"/>
        </span>

这是MyBean代码：

@ManagedBean(name = "myBean")
public class MyBean {

    public class Model {

        private String selectValue = "";
        private String inputValue = "";

        public String getInputValue() {
            return inputValue;
        }

        public void setInputValue(String inputValue) {
            this.inputValue = inputValue;
        }

        public String getSelectValue() {
            return selectValue;
        }

        public void setSelectValue(String selectValue) {
            this.selectValue = selectValue;
        }
    }

    private Model model = new Model();
    private boolean input = false;

    public Model getModel() {
        return model;
    }

    public void setModel(Model model) {
        this.model = model;
    }

    public boolean isInput() {
        return input;
    }

    public void setInput(boolean input) {
        this.input = input;
    }

    public void showInput() {
        this.input = "3".equals(model.getSelectValue());
    }

}

但输入永远不会显示。无论在selectOneMenu上选择哪个。

我失踪了什么？

Answer 1

#{myBean.input}最初为false，因此在加载页面时不会呈现组件。您必须从h:inputText定位f:ajax的父容器，因为一旦呈现的属性为false，该输入文本就不再位于组件树中且无法重新生成渲染的。试试这个

    <span>
        <h:selectOneMenu id="select" value="#{myBean.model.selectValue}" >
            <f:selectItem itemValue="1" itemLabel="1" />
            <f:selectItem itemValue="2" itemLabel="2" />
            <f:selectItem itemValue="3" itemLabel="3" />
            <f:ajax listener="#{myBean.showInput}" render="wrapper" />
        </h:selectOneMenu>
    </span>
    <span>
        <h:panelGroup id="wrapper">
            <h:inputText id="input" value="#{myBean.model.inputValue}" rendered="#{myBean.input}"/>
        </h:panelGroup>
    </span>

渲染属性不起作用

1 个答案: