P:dialog - Primefaces [Resolvido]

3 respostas
P

Galera,

Estou com um problema sério ao usar o p:dialog do primefaces que é o seguinte:
Qdo uso apendoToBody=true consigo trabalhar normalmente, mas a action não executa.
qdo retiro o appendToBody ele executa o action mas não consigo clicar na botão apenas
trocar os campos com tab e clicar no btao com o enter do teclado … rsrsrssr

Alguém poderia me ajdar nessa quest ?

3 Respostas

P

Galera
Resolvido …

Apenas segui esse exemplo do zero !!!

http://www.primefaces.org/showcase/ui/dialogLogin.jsf

Caso alguém precise !!!

M

coloca como resolvido seu topico

P

Bom, apenas segui essas instruções ...

<h:outputLink id="loginLink" value="javascript:void(0)" onclick="dlg.show()" title="login">	
	<p:graphicImage value="/images/login.png" />
</h:outputLink>

<p:growl id="growl" showDetail="true" life="3000" />

<p:dialog id="dialog" header="Login" widgetVar="dlg">
	<h:form>

		<h:panelGrid columns="2" cellpadding="5">
			<h:outputLabel for="username" value="Username:" />
			<p:inputText value="#{loginBean.username}" 
					id="username" required="true" label="username" />
			
			<h:outputLabel for="password" value="Password:" />
			<h:inputSecret value="#{loginBean.password}" 
					id="password" required="true" label="password" />
			
			<f:facet name="footer">
				<p:commandButton id="loginButton" value="Login" update=":growl" 
					actionListener="#{loginBean.login}" 
					oncomplete="handleLoginRequest(xhr, status, args)"/>
			</f:facet>
		</h:panelGrid>
		
	</h:form>
</p:dialog>

<script type="text/javascript">
	function handleLoginRequest(xhr, status, args) {
		if(args.validationFailed || !args.loggedIn) {
			jQuery('#dialog').effect("shake", { times:3 }, 100);
		} else {
			dlg.hide();
			jQuery('#loginLink').fadeOut();
		}
	}
</script>
Criado 27 de junho de 2012
Ultima resposta 10 de jul. de 2012
Respostas 3
Participantes 2