个性化阅读
专注于IT技术分析

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="Ajax Status: Incomplete" />
</f:facet>
<f:facet name="start">
<p:graphicImage name="/images/ajaxstatus.gif" />
</f:facet>
<f:facet name="complete">
<h:outputText value="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="Ajax Request" icon="ui-icon-refresh" />
</h:form>
</h:body>
</html>

输出

PrimeFaces ajaxStatus1

发送ajax请求后显示状态。

PrimeFaces ajaxStatus2
赞(0) 打赏
未经允许不得转载:srcmini » PrimeFaces Ajax ajaxStatus用法例子
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏