Value-Change-listener nicht in der primefaces-Kalender

Ich bin mit primefaces 3.2 und JSF 2.0

Mein Szenario ist, ich habe die Datei-Datum, Datum der letzten und nächsten Termin in meiner form.
Wenn Benutzer Datei-Datum, die ich brauche, um zu update Datei Datum Wert in Bohnen, so dass es Wert ist, kann verwendet werden als Mindest-Datum letztes Datum von Attribut mindate und so in der nächsten Auswahl des Datums.

Als pro mein wissen Wert ändern listener ausführen kann, bei der form der Einreichung, so kann ich es nicht verwenden. Ich habe verwendet, p:ajax. Aber noch bin ich nicht in der Lage, die Datei Datum. Wie Datei Datum ist nicht festgelegt, es ermöglicht dem Benutzer zu wählen, Datum der letzten und nächsten Zeitpunkt vor dem Datum der Datei Datum.

caseMaster.xhtml

<p:calendar value="#{caseUitility.caseMaster.fileDate}" id="fileDate" effect="fadeIn" pattern="dd/MM/yyyy" readOnlyInputText="true">
    <p:ajax event="change" listener="#{caseUitility.dateChange}"/>
</p:calendar>

<p:calendar value="#{caseUitility.caseMaster.lastDate}" required="true" id="lastDate" effect="fadeIn" pattern="dd/MM/yyyy" readOnlyInputText="true" mindate="#{caseUitility.caseMaster.fileDate}" >
</p:calendar>

CaseUitility.java

public void dateChange(ActionEvent ae) {
    System.out.println("File Date: " + caseMaster.getFileDate());
    System.out.println("Hello... I am in DateChange");
}

kann keine Anleitung mich, was mache ich hier falsch?

InformationsquelleAutor mrugeshthaker | 2012-12-31
  1. 35

    In neueren Versionen von PrimeFaces, SelectEvent sollte usedsee den folgenden code-snippet

    <p:calendar id="event" value="#{calendarView.date4}">
    <p:ajax event="dateSelect" listener="#{calendarView.onDateSelect}" update="msgs" />
</p:calendar>
    public void onDateSelect(SelectEvent event) {
    FacesContext facesContext = FacesContext.getCurrentInstance();
    SimpleDateFormat format = new SimpleDateFormat("dd/MM/yyyy");
    facesContext.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Date Selected", format.format(event.getObject())));
}

    In älteren primefaces-Versionen verwenden DateSelectEvent

    <p:ajax event="dateSelect" listener="#{caseUitility.dateChange}"/>
    public void dateChange(DateSelectEvent event) {
    Date date = event.getDate();
    System.out.println("File Date: " + date);
    System.out.println("Hello... I am in DateChange");
}
    • vielen Dank @Daniel....Sie gespeichert mein halber Tag....noch einmal vielen Dank. Können Sie mir sagen, wie kann ich wissen/erfahren Sie mehr über ajax Veranstaltungen für unterschiedliche Arten von Komponenten. Wie primefaces liefert nicht jede Hilfe in Bezug auf Ereignisse.
    • Sie sind herzlich eingeladen, primefaces bieten alle Informationen, die Sie brauchen , sein in Ihrem Benutzerhandbuch : primefaces.org/documentation.html
    • Danke @ Daniel, es funktioniert
    InformationsquelleAutor Daniel
  2. 18

    Sollten Sie ein update auf Ihrem p:ajax. Ich hatte Probleme bei der Auswahl ein Datum mit der Datumsauswahl und die bei der manuellen Eingabe in das Feld. Das change-Ereignis war nicht triggerd in beide Richtungen. Deshalb habe ich eine p:ajax-und eine f:ajax mit verschiedenen Veranstaltungen.

    <p:calendar value="#{caseUitility.caseMaster.fileDate}" id="fileDate" effect="fadeIn" pattern="dd/MM/yyyy" readOnlyInputText="true">
    <p:ajax event="dateSelect" listener="#{caseUitility.dateSelect}" update="lastDate"/>
    <f:ajax event="change" execute="@this" render="lastDate" listener="#{caseUitility.dateChange}"/>
</p:calendar>

    Und in der bean -

    public void dateSelect(DateSelectEvent event) {
    caseMaster.setFileDate(event.getDate());
    System.out.println("File Date: " + caseMaster.getFileDate());
    System.out.println("Hello... I am in DateChange");
}

public void dateChange(AjaxBehaviorEvent event) throws MWSException {
    System.out.println("File Date: " + caseMaster.getFileDate());
    System.out.println("Hello... I am in DateChange");
}

    Hoffe, das hilft

    • Was ist der Grund für die Verwendung von 2 verschiedenen ajax-tags, p:ajax-und eine f:ajax. Warum nicht beides p:ajax ?
    • von dem, was er sagte, ich vermute, dass <p:ajax event="dateSelect" .../> deckt die Benutzer klicken Sie auf den Kalender und wählen Sie ein Datum, aber nicht beim ändern das Datum, indem Sie den text ändern. In diesem Fall, <f:ajax event="change" .../> deckt den Fall ab, wo der Benutzer manuell ändert den text in das Textfeld ein.
    • true
    InformationsquelleAutor roel
  3. 1

    Meine Lösung:

    <p:ajax event="change" listener="#{caseUitility.dateChange}"/>

    Und in der bean:

    public void dateChange(SelectEvent event) 
{   
      date = (Date)event.getObject();
}
    InformationsquelleAutor user3442685
  4. 0

    Ich denke, man muss überlegen, dies zu tun:

    <p:calendar id="fileDate" value="#{caseUitility.caseMaster.fileDate}" navigator="true" effect="slideDown" mindate="#{caseUitility.today}" readOnlyInputText="true" pattern="dd/MM/yyyy HH:mm" required="true"  showOn="button" autocomplete="false">
    <p:ajax event="focus" listener="#{caseUitility.dateChange}" update="lastDate" />
</p:calendar>

public void dateChange()  {
     System.out.println("File Date: " + caseMaster.getFileDate());
}

    Wenn Sie die "Fokus" - event, wird ausgelöst bei änderung oder dateSelect für Kalender primefaces Kontrolle.

    InformationsquelleAutor Agurno
  5. 0

    Verwenden ajax-event als dateSelect
    wie

    <p:calendar value="#{caseUitility.caseMaster.fileDate}" id="fileDate" effect="fadeIn" pattern="dd/MM/yyyy" readOnlyInputText="true">
        <p:ajax event="dateSelect" process="@this" update="lastDate" listener="#{caseUitility.dateChange}"/>
</p:calendar>   
<p:calendar value="#{caseUitility.caseMaster.lastDate}" required="true" id="lastDate" effect="fadeIn" pattern="dd/MM/yyyy" readOnlyInputText="true" mindate="#{caseUitility.caseMaster.fileDate}" >
</p:calendar>

    Zuhörer,

    public void dateChange(SelectEvent event) {
    System.out.println("File Date: " + (Date) event.getObject());
    System.out.println("Hello... I am in DateChange");
}

    aber Bedenken Sie, dass, sollten Sie nicht verwenden, jede andere id der Komponente im Prozess (also nur @dies erlaubt-in-Prozess), sonst listener wird nicht funktionieren.

    InformationsquelleAutor Annu
  6. 0

    Können Sie onstart und oncomplete (erscheint nicht in primefaces doc).

    Ich gelöst mit:

    <p:calendar
      id="fromDate"
      value="#{reportBean.fromDate}"
      pattern="dd/MM/yyyy"
      locale="es"
      maxdate="#{reportBean.untilDate}">
      <p:ajax event="dateSelect" 
          onstart="openModal();" 
          oncomplete="closeModal();"  
          update="untilDate div_report"/>
</p:calendar>

    Javascript:

    function openModal(){
    $('#mdlLoading').modal('open');
}
function closeModal(){
    $('#mdlLoading').modal('close');
}

    Hoffe, dies hilft jemand!

    InformationsquelleAutor Andres Cárdenas
Schreibe einen Kommentar