PrimeFaces Ajax ajaxStatus用法例子

用于显示当前正在执行的ajax请求的状态。 PrimeFaces提供< p:ajaxStatus> 组件以显示进程状态。在这里, 我们正在创建一个实现状态组件的示例。
本示例仅包含一个JSF文件。
JSF文件
// ajax-status.xhtml

< ?xml version='1.0' encoding='UTF-8' ?> < !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://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"xmlns:f="http://xmlns.jcp.org/jsf/core"> < h:head> < title> Ajax Status< /title> < /h:head> < h:body> < p:ajaxStatus style="display:block; margin-bottom:2em; height:24px; "> < f:facet name="default"> < h:outputText value="http://www.srcmini.com/Ajax Status: Incomplete" /> < /f:facet> < f:facet name="start"> < p:graphicImage name="/images/ajaxstatus.gif" /> < /f:facet> < f:facet name="complete"> < h:outputText value="http://www.srcmini.com/Status: Completed" /> < /f:facet> < /p:ajaxStatus> < p:ajaxStatus onstart="PF('statusDialog').show()" /> < p:dialog widgetVar="statusDialog" modal="true"> < p:graphicImage name="/images/ajaxstatus.gif" /> < /p:dialog> < h:form> < p:commandButton value="http://www.srcmini.com/Ajax Request" icon="ui-icon-refresh" /> < /h:form> < /h:body> < /html>

输出
PrimeFaces Ajax ajaxStatus用法例子

文章图片
【PrimeFaces Ajax ajaxStatus用法例子】发送ajax请求后显示状态。
PrimeFaces Ajax ajaxStatus用法例子

文章图片

    推荐阅读