渲染属性不起作用

Rendered Attibute not working

我有一个带有 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上选择哪个。

我错过了什么?

#{myBean.input} 最初为 false,因此在加载页面时不会呈现该组件。您必须从 f:ajax 定位 h:inputText 的父容器,因为一旦呈现的属性为 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>