[RESOLVIDO] PRIMEFACES - como faz para aparecer uma caixa data ao lado do campo data

eu.eu · Abril 22, 2011, 10:46pm

Queria fazer no campo data aparecer uma caixa mostrando o mês e as datas do mês. Ai o cliente clicar só na data e ele carrega o campo automatico, sem precisar digita a data.

geralmente encontramos estas caixa de datas em site banco

em jsp
obrigado

vinnysoft · Abril 22, 2011, 11:06pm

Amigo,

Muitos frameworks para web tem este recurso (componente Calendar). Da uma pesquisada no PrimeFaces e vê se é isso que vc precisa:

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

Até +!

eu.eu · Abril 22, 2011, 11:39pm

Obrigado amigo pela dica é muito boa, mais ainda não estou conseguindo fazer.

já importei para pasta /lib/primefaces-3.0.M1-sources.jar mesmo assim da erro:

type Exception report

message 

description The server encountered an internal error () that prevented it from fulfilling this request.

exception 

org.apache.jasper.JasperException: /Copy of adiciona-contato.jsp(5,25) #{...} is not allowed in template text
	org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:40)
	org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:407)
	org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:102)
	org.apache.jasper.compiler.Validator$ValidateVisitor.visit(Validator.java:706)
	org.apache.jasper.compiler.Node$ELExpression.accept(Node.java:958)
	org.apache.jasper.compiler.Node$Nodes.visit(Node.java:2361)
	org.apache.jasper.compiler.Node$Visitor.visitBody(Node.java:2411)
	org.apache.jasper.compiler.Node$Visitor.visit(Node.java:2417)
	org.apache.jasper.compiler.Node$Root.accept(Node.java:495)
	org.apache.jasper.compiler.Node$Nodes.visit(Node.java:2361)
	org.apache.jasper.compiler.Validator.validateExDirectives(Validator.java:1763)
	org.apache.jasper.compiler.Compiler.generateJava(Compiler.java:198)
	org.apache.jasper.compiler.Compiler.compile(Compiler.java:347)
	org.apache.jasper.compiler.Compiler.compile(Compiler.java:327)
	org.apache.jasper.compiler.Compiler.compile(Compiler.java:314)
	org.apache.jasper.JspCompilationContext.compile(JspCompilationContext.java:592)
	org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:326)
	org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:313)
	org.apache.jasper.servlet.JspServlet.service(JspServlet.java:260)
	javax.servlet.http.HttpServlet.service(HttpServlet.java:717)


note The full stack trace of the root cause is available in the Apache Tomcat/6.0.32 logs.


--------------------------------------------------------------------------------

Apache Tomcat/6.0.32

vinnysoft · Abril 23, 2011, 10:58am

Amigo,

Tenta usar o prime na versao 2.2.1 que é a última versão estável. Agora este erro parece ser de jasper, ta falando que não pode utilizar como template.

Tem como colocar o código de adiciona-contato.jsp

Até +!

eu.eu · Abril 23, 2011, 1:44pm

O código é este: JSP

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<h:form>  
              
    <h3>Inline</h3>  
    <p:calendar value="#{calendarBean.date1}" mode="inline"/>   
      
    <h3>Popup</h3>  
    <p:calendar value="#{calendarBean.date2}" />  
      
    <h3>Popup Button</h3>  
    <p:calendar value="#{calendarBean.date3}" showOn="button" />  
  
    <h:panelGrid columns="2" style="margin-top:10px">  
        <p:commandButton value="Submit" update="display" oncomplete="dialog.show()"/>  
      
        <p:ajaxStatus style="width:16px;height:16px;">  
            <f:facet name="start">  
                <h:graphicImage value="../design/ajaxloading.gif" />  
            </f:facet>  
              
            <f:facet name="complete">  
                <h:outputText value="" />  
            </f:facet>  
        </p:ajaxStatus>  
    </h:panelGrid>  
      
    <p:dialog header="Selected Dates" widgetVar="dialog"   
            showEffect="fold" hideEffect="fold"  
            height="150">  
      
        <h:panelGrid id="display" columns="2" cellpadding="5">  
          
            <h:outputText value="Inline Date:" />  
            <h:outputText value="#{calendarBean.date1}">  
                <f:convertDateTime pattern="MM/dd/yyyy"/>  
            </h:outputText>  
              
            <h:outputText value="Popup Date:" />  
            <h:outputText value="#{calendarBean.date2}">  
                <f:convertDateTime pattern="MM/dd/yyyy"/>  
            </h:outputText>  
              
            <h:outputText value="Popup Button Date: " />  
            <h:outputText value="#{calendarBean.date3}">  
                <f:convertDateTime pattern="MM/dd/yyyy"/>  
            </h:outputText>  
              
        </h:panelGrid>  
          
    </p:dialog>  
      
</h:form>  


<!-- Aqui continua o formulário com os campos -->
<c:import url="rodape.jsp" />

vinnysoft · Abril 24, 2011, 12:04am

Estranho, não achei erro no código.

Lendo a mensagem novamente, fala que a tag #{…} não é permitida em um texto template. Tenta substituir as tags com #{…} por texto normal ate descobrir qual é a problemática.

Até +!

eu.eu · Abril 24, 2011, 12:28am

obrigado pela atenção.

peguei o jar e coloquei na pasta, mas precisa alterar o xml


/lib/primefaces-2.2.jar
/lib/primefaces-2.2-sources.jar

falta mais algo… será???

vinnysoft · Abril 24, 2011, 12:44am

Amigo,

É só o primeiro jar mesmo, acho que o jar sources é se vc quiser alterar alguma coisa dos componentes do framework.

Além de copiar para a pasta, tem que adicionar na Classpath. Não precisa fazer nada no web.xml para funcionar.

Conseguiu resolver o erro?

Até +!

eu.eu · Abril 24, 2011, 7:43am

Não deu certo…Gostaria muito de implimentar este calendario no meu projeto. estou postando o código da classe e JSP.:

[size=12]essa e class: CalendarBean.java[/size][size=18] [/size]

package org.primefaces.examples.view;  
  
import java.util.Date;  
  
import org.primefaces.event.DateSelectEvent;  
  
public class CalendarBean {  
  
    private Date date1;  
      
    private Date date2;  
      
    private Date date3;  
      
    public Date getDate1() {  
        return date1;  
    }  
  
    public void setDate1(Date date1) {  
        this.date1 = date1;  
    }  
  
    public Date getDate2() {  
        return date2;  
    }  
  
    public void setDate2(Date date2) {  
        this.date2 = date2;  
    }  
      
    public Date getDate3() {  
        return date3;  
    }  
  
    public void setDate3(Date date3) {  
        this.date3 = date3;  
    }  
}

[size=18]
[size=12]este é JSP: Copy of adiciona-contato.jsp
[/size][code]
<%@page import=“org.primefaces.examples.*” %>
<%@ taglib uri=“http://java.sun.com/jsp/jstl/core” prefix=“c” %>
<h:form>

<h3>Inline</h3>  
<p:calendar value="#{calendarBean.date1}" mode="inline"/>   
  
<h3>Popup</h3>  
<p:calendar value="#{calendarBean.date2}" />  
  
<h3>Popup Button</h3>  
<p:calendar value="#{calendarBean.date3}" showOn="button" />  

<h:panelGrid columns="2" style="margin-top:10px">  
    <p:commandButton value="Submit" update="display" oncomplete="dialog.show()"/>  
  
    <p:ajaxStatus style="width:16px;height:16px;">  
        <f:facet name="start">  
            <h:graphicImage value="../design/ajaxloading.gif" />  
        </f:facet>  
          
        <f:facet name="complete">  
            <h:outputText value="" />  
        </f:facet>  
    </p:ajaxStatus>  
</h:panelGrid>  
  
<p:dialog header="Selected Dates" widgetVar="dialog"   
        showEffect="fold" hideEffect="fold"  
        height="150">  
  
    <h:panelGrid id="display" columns="2" cellpadding="5">  
      
        <h:outputText value="Inline Date:" />  
        <h:outputText value="#{calendarBean.date1}">  
            <f:convertDateTime pattern="MM/dd/yyyy"/>  
        </h:outputText>  
          
        <h:outputText value="Popup Date:" />  
        <h:outputText value="#{calendarBean.date2}">  
            <f:convertDateTime pattern="MM/dd/yyyy"/>  
        </h:outputText>  
          
        <h:outputText value="Popup Button Date: " />  
        <h:outputText value="#{calendarBean.date3}">  
            <f:convertDateTime pattern="MM/dd/yyyy"/>  
        </h:outputText>  
          
    </h:panelGrid>  
      
</p:dialog>

</h:form>

<c:import url=“rodape.jsp” />
[/code]

eu.eu · Abril 26, 2011, 12:21am

[color=blue]Obrigado mesmo cara pela força[size=18].[/color][/size]

conseguir tira minhas duvidas para deixa o eclipse funcionando com PrimeFaces. Agora sei por onde começar a usar MVC PrimeFaces??? está tudo aqui neste site: http://www.sergiosouza.com.br/category/primefaces/

system · Dezembro 30, 2015, 7:36am

[RESOLVIDO] PRIMEFACES - como faz para aparecer uma caixa data ao lado do campo data

Cursos de Mobile

Cursos de Programação

Cursos de Front-end

Cursos de DevOps

Cursos de Design & UX

Cursos de Business

Cursos de Data & BI