从日历dateSelect事件更新一个dataTable

Question

我试图从日历dateSelect事件更新一个dateTable。我是一个使用PrimeFaces和Tomcat的新手。

这是我的代码

index.xhtml

<h:body>
  ...
  <h:form id="cites">
    <p:calendar id="calendari" value="#{indexBean.calendari}" mode="inline" locale="va">
      <p:ajax event="dateSelect" listener="#{indexBean.onDateSelect}" update="taulaHores"/>
    </p:calendar>
    
    <p:dataTable id="taulaHores" var="hores" value="#{indexBean.hores}" 
                 widgetVar="taulaHores" emptyMessage="Sense resultats"
                 filteredValue="#{indexBean.horesFiltrades}" style="width:1000px"
                 selection="#{indexBean.horaSeleccionada}" rowKey="#{hores.hora}">
      <p:column selectionMode="single" style="width:16px;text-align:center"/>
      <p:column id="horaCol" headerText="Hora">
        <h:outputText value="#{hores.hora}">
          <f:convertDateTime type="time" pattern="HH:mm"/>
        </h:outputText>
      </p:column>
      <p:column id="numeroHistoriaColBis" headerText="NHC" >
        <h:outputText value="#{hores.nhc}" rendered="#{not null}" />
        <h:outputText value="Lliure" rendered="#{hores.nhc eq null}" />
      </p:column>
      
      <p:column id="nomColBis" headerText="Nom" >
        <h:outputText value="#{hores.nom}" rendered="#{not null}" />
        <h:outputText value="" rendered="#{hores.nom eq null}" />
      </p:column>
      <p:column id="lliangesColBis" headerText="Llinages" >
        <h:outputText value="#{hores.llinages}" rendered="#{not null}" />
        <h:outputText value="" rendered="#{hores.llinages eq null}" />
      </p:column>
    
    </p:dataTable>
  
  </h:form>
    
</h:body>

IndexBean.java

public IndexBean() {
  omplirHores(new Date(System.currentTimeMillis()));
}
public void onDateSelect(SelectEvent event) {
  omplirHores((Date)event.getObject());
}
private void omplirHores(Date dia){
  SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");
  
  this.hores = GenericDAO.sql("SELECT Hores.hora as hora, Hores.numeroHistoria as nhc, Persona.nom as nom, Persona.llinages as llinages " +
      "FROM Hores LEFT JOIN Persona ON Hores.numeroHistoria=Persona.numeroHistoria " +
      "WHERE hora>='"+dateFormat.format(dia)+" 00:00:00' AND hora<='"+dateFormat.format(dia)+" 23:59:59'" +
      "ORDER BY Hores.hora ASC;");
      System.out.println("llistahores " + this.hores.size());
}

然后，当index.xhtml加载时，dataTable 'taulaHores'被填满。问题是当我在日历中选择一个日期时，dataTable上的行消失，并且不使用sql查询的新值更新。

更多信息，我在日志中看到'hores'的大小是正确的。

请问，有什么主意吗?

Thanks in advance

Answer 1

解决仅移除filteredValue="#{indexBean.horesFiltrades}"属性

Answer 2

更新datatable后，您必须调用它的客户端filter()方法。

<p:calendar id="calendari" value="#{indexBean.calendari}" mode="inline" locale="va">
  <p:ajax event="dateSelect" listener="#{indexBean.onDateSelect}" update="taulaHores" oncomplete="PF('taulaHores').filter()"/>
</p:calendar>