Ajax e JSF

Programação Java
, ,
#1

Tenho este xhtml, ele lista todos os países, está ok.

Conforme eu li existe o componente <p:ajax>, para fazer página em ajax. Assim o ajax está funcionando.

Mas coloquei uma imagem para mostrar carregando, só que não mostra. Tem algo de errado ?

<?xml version="1.0" encoding="ISO-8859-1" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head />

<h:body>

	<ui:composition template="/template/_template.xhtml">

		<ui:define name="titulo">
	Todos os países
	</ui:define>

		<ui:define name="conteudo">

			<h:form>

				<p:growl id="message" showDetail="true" />

				<p:dialog widgetVar="statusDialog" modal="true" draggable="false"
					closable="false" resizable="false" showHeader="false">
					<h:graphicImage value="ajax_loader.gif" />
				</p:dialog>

				<p:dataTable value="#{paiscontroller.listaTodosPaises}" var="pais"
					rows="1" paginator="true"
					paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15">

					<p:ajax event="rowSelect" onstart="PF('statusDialog').show()"
						onsuccess="PF('statusDialog').hide()" />

					<p:column headerText="País" sortBy="#{pais.descricao}"
						filterBy="#{pais.descricao}">
						<h:outputText value="#{pais.descricao}" />
					</p:column>

					<p:column style="width:32px;text-align: center">
						<p:commandButton icon="	ui-icon-pencil" type="button"
							title="Alterar">
							<f:setPropertyActionListener value="#{pais}"
								target="#{paiscontroller.carregarUmPais(pais)}" />
						</p:commandButton>
					</p:column>

					<p:column style="width:32px;text-align: center">
						<p:commandButton oncomplete="PF('carDialog').show()"
							icon="ui-icon-trash" title="Remover">
							<f:setPropertyActionListener value="#{pais}"
								target="#{paiscontroller.removePais(pais)}" />
						</p:commandButton>
					</p:column>

				</p:dataTable>
			</h:form>

		</ui:define>

	</ui:composition>

</h:body>

</html>
#2

Dá uma olhada aqui

1 curtida