使用ajax切换图像渲染？[副本]

Question

如何根据由按钮触发的布尔状态变量显示图像？我不希望重新加载整个页面，而只是重新加载特定的图像。

Facelets页面：

 </h:form>
    <h:commandButton value="test" action="#{bean.toggleStatus}">
        <f:ajax render="image"/>
    </h:commandButton>
    <h:graphicImage id="image" value="status.gif" rendered="#{bean.status}"/>
 </h:form>  

背衬类：

    class Bean {

        private boolean status = false;

        public void toggleStatus() {
            status = true;
        }

        //getter, setter
    }

知道这里有什么问题吗？

Answer 1

您不能ajax更新未呈现到超文本标记语言端的超文本标记语言元素。将其包装在始终呈现的组件中并更新它。

例如。

<h:form>
    <h:commandButton value="test" action="#{bean.toggleStatus}">
        <f:ajax render="image"/>
    </h:commandButton>
    <h:panelGroup id="image">
        <h:graphicImage value="status.gif" rendered="#{bean.status}"/>
    </h:panelGroup>
</h:form>

• 当我想ajax更新它时，为什么我需要在另一个组件中嵌套一个渲染="#{一些}"的组件？