如何使commandButton不能完全刷新页面？如何使用f:ajax？

Question

我必须流式传输网络摄像头视频,所以我使用ustream来做这个,它为我生成一个flash嵌入代码,我有一个关闭/打开灯的按钮,但是当我按下按钮时它会刷新整个页面,所以flash组件.

有一些方法不刷新页面仍然发送到命令？那么现在就是这样:

        <h:form id="form_supervisory">
            <h:panelGrid>
                <h:column>
                    <iframe width="480" height="296" src="http://www.ustream.tv/embed/9599890" scrolling="no" frameborder="0" style="border: 0px none transparent;">    </iframe>
                    <h:commandButton value="Lâmpada" action="#{supervisoryc.invertBo}" />
                    <h:graphicImage value="#{supervisoryc.imageBo}" />
                </h:column>
            </h:panelGrid>
        </h:form>

Answer 1

利用Ajax.这是<f:ajax>在感兴趣的命令按钮内嵌套的问题.

<h:commandButton ...>
    <f:ajax execute="@form" render="@none" />
</h:commandButton>

特别是render="@none"(无论如何,这是默认值,你可以完全省略该属性)将指示JSF在提交后不再重新渲染.如果您只想重新呈现特定组件而不是整个页面,那么您还可以在render属性中指定该特定组件的ID .

<h:commandButton ...>
    <f:ajax execute="@form" render="result" />
</h:commandButton>
<h:panelGroup id="result">...</h:panelGroup>

也可以看看:

• 了解PrimeFaces进程/更新和JSF f:ajax执行/呈现属性
• 如何找到ajax update/render组件的客户端ID？找不到带有"bar"引用的表达式"foo"的组件
• 当我想要ajax-update时,为什么我需要在另一个组件中嵌入一个带有render ="#{some}"的组件？