Scrollable Datatable : sorting works... until it doesn't anymore
Hi all,
I am using RichFaces 5.0.
I have a Datatable with a dataScroller, filtering and sorting.
I have a problem with the sorting: when I arrive on my page, the sorting works great. But after a few sorts, displayed data is not updated anymore - except for one column. My sorting functions are still called, but display is no more affected. There is no visible exception or error.
Here is the code for the datatable (listRejects.xhtml) :
<?xml version="1.0" encoding="UTF-8"?>
<ui:composition template="/WEB-INF/templates/default.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:rich="http://richfaces.org">
<ui:define name="content" style="max-width : inherit">
<h:outputStylesheet name="app.css" library="css" />
<h:outputScript name="js/listeRejeux.js" />
<script type="text/javascript" >
function confirmAction(actionCompleted){
if (actionCompleted == true){
#{rich:component('confirmationRejoue')}.show();
}
}
</script>
<h:body onload="confirmAction(#{rejectMBean.actionCompleted})">
<h:form id="reg" rendered="#{userMBean.user.etat}">
<rich:tabPanel activeItem="#{rejectMBean.activeItem}">
<rich:tab header="Liste des rejets" name="listRejects">
<h1>Liste des rejets</h1>
<h:commandButton id="btnrejouer" value="Rejouer"
onclick="if(onClickActionButton()){#{rich:component('confirmPaneRejoue')}.show(); return false;}else{#{rich:component('noMomCheckedPane')}.show(); return false;}">
</h:commandButton>
<h:commandButton id="btnArchiver" value="Archiver"
onclick="if(onClickActionButton()){#{rich:component('confirmPane')}.show(); return false;}else{#{rich:component('noMomCheckedPane')}.show(); return false;}">
</h:commandButton>
<br />
<br />
<rich:dataScroller renderIfSinglePage="false" id="sc2" for="table"
render="table@body">
<f:facet name="first">
<h:outputText value="Première page" />
</f:facet>
<f:facet name="last">
<h:outputText value="dernière page" />
</f:facet>
</rich:dataScroller>
<rich:dataTable id="table" var="reject"
rows="#{rejectMBean.numRows}" value="#{rejectMBean.rejects}"
style="max-width:inherit">
<f:facet name="noData">
Aucun rejet trouvé.
</f:facet>
<rich:column>
<f:facet name="header">
<h:selectBooleanCheckbox id="globalSelector"
onclick="
formEl = document.getElementById('reg');
for(i = 0; i != formEl.elements.length; ++i) {
if(formEl.elements[i].id.indexOf(':selectRecordCheck') >= 0) {
formEl.elements[i].checked = this.checked;
RichFaces.ajax(formEl.elements[i], event,{ 'parameters':{'javax.faces.behavior.event':'change'} ,'sourceId':formEl.elements[i].id});
}
}
" />
</f:facet>
<h:selectBooleanCheckbox id="selectRecordCheck"
value="#{rejectMBean.checkedReject[reject.sid]}">
</h:selectBooleanCheckbox>
</rich:column>
<rich:column>
<h:link outcome="updateReject" value="Visualiser">
<f:param name="rejectSid" value="#{reject.sid}" />
<f:param name="message" value="#{reject.message}" />
<f:param name="reason" value="#{reject.metadata.errorLabel}" />
</h:link>
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.dateEmissionFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.dateEmission}"
sortOrder="#{rejectsSortingBean.dateEmissionOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.dateEmissionFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByDateEmission()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.dateEmission}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.rejectTypeFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.rejectType}"
sortOrder="#{rejectsSortingBean.rejectTypeOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.rejectTypeFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByRejectType()}"/>
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.rejectType}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.errorCodeFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.errorCode}"
sortOrder="#{rejectsSortingBean.errorCodeOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.errorCodeFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByErrorCode()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.errorCode}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.errorLabelFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.errorLabel}"
sortOrder="#{rejectsSortingBean.errorLabelOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.errorLabelFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByErrorLabel()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.errorLabel}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.bvIdFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.bvId}"
sortOrder="#{rejectsSortingBean.bvIdOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.bvIdFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByBvId()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.bvId}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.siretFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.siret}"
sortOrder="#{rejectsSortingBean.siretOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.siretFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortBySiret()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.siret}"/>
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.rsoFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.rso}"
sortOrder="#{rejectsSortingBean.rsoOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.rsoFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByRso()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.rso}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.paymentModeFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.paymentMode}"
sortOrder="#{rejectsSortingBean.paymentModeOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.paymentModeFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByPaymentMode()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.paymentMode}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.nafFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.naf}"
sortOrder="#{rejectsSortingBean.nafOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.nafFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByNaf()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.naf}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.ccnFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.ccn}"
sortOrder="#{rejectsSortingBean.ccnOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.ccnFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByCcn()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.ccn}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.industryAgreementFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.industryAgreement}"
sortOrder="#{rejectsSortingBean.industryAgreementOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.industryAgreementFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByIndustryAgreement()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.industryAgreement}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.routingSiteFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.routingSite}"
sortOrder="#{rejectsSortingBean.routingSiteOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.routingSiteFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByRoutingSite()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.routingSite}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.ttcAmountFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.ttcAmount}"
sortOrder="#{rejectsSortingBean.ttcAmountOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.ttcAmountFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByTtcAmount()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.ttcAmount}" />
</rich:column>
<rich:column filterValue="#{rejectsFilteringBean.accountantSiretFilter}"
filter="#{rejectsFilteringBean.rejectFilter}"
sortBy="#{reject.metadata.accountantSiret}"
sortOrder="#{rejectsSortingBean.accountantSiretOrder}">
<f:facet name="header">
<h:panelGroup>
<h:inputText value="#{rejectsFilteringBean.accountantSiretFilter}">
<rich:ajax event="keyup" render="table@body, sc2, @form" execute="@this" />
</h:inputText>
<rich:commandLink value="Tri" render="table@body, sc2, @form" action="#{rejectsSortingBean.sortByAccountantSiret()}" />
</h:panelGroup>
</f:facet>
<h:outputText value="#{reject.metadata.accountantSiret}" />
</rich:column>
</rich:dataTable>
<rich:popupPanel id="confirmPaneRejoue" autosized="true">
<h:panelGrid>
Etes-vous sur de vouloir continuer l’action en cours?
</h:panelGrid>
<br></br>
<rich:commandButton value="Ok"
onclick="rejouer(); #{rich:component('confirmationRejoue')}.show(); return false;" />
<rich:commandButton value="Annuler"
onclick="#{rich:component('confirmPaneRejoue')}.hide(); return false;" />
</rich:popupPanel>
<rich:popupPanel id="confirmationRejoue" autosized="true">
<h:panelGrid>
l’action a bien été réalisée
</h:panelGrid>
<br></br>
<rich:commandButton value="Ok"
onclick="#{rich:component('confirmationRejoue')}.hide(); return false;" />
</rich:popupPanel>
<rich:jsFunction name="rejouer"
action="#{rejectMBean.rejouerRejectEnMasse()}" render="table"
execute="@form"
oncomplete="#{rich:component('confirmPaneRejoue')}.hide(); return false;" />
<rich:jsFunction name="archiver" action="#{rejectMBean.archiver()}"
render="table" execute="@form"
oncomplete="#{rich:component('confirmPane')}.hide();" />
<rich:popupPanel id="confirmPane" autosized="true">
<h:panelGrid>
Etes-vous sur de vouloir continuer l’action en cours?
</h:panelGrid>
<br></br>
<rich:commandButton value="Ok" onclick="archiver(); return false;" />
<rich:commandButton value="Annuler"
onclick="#{rich:component('confirmPane')}.hide(); return false;" />
</rich:popupPanel>
<rich:popupPanel id="noMomCheckedPane" autosized="true">
<h:panelGrid>
L’action a échoué. Raison : Aucun élément sélectionné.
</h:panelGrid>
<br></br>
<rich:commandButton value="Ok"
onclick="#{rich:component('noMomCheckedPane')}.hide(); return false;" />
</rich:popupPanel>
</rich:tab>
<rich:tab header="Historique" name="history" />
<rich:tab header="Gestion des utilisateurs" name="manageUsers">
<ui:include src="/pages/protected/admin/userTab.xhtml" />
</rich:tab>
</rich:tabPanel>
</h:form>
<h:form rendered="#{!userMBean.user.etat}">
<fieldset>
<Legend>Erreur de connexion</Legend>
<h:outputText value="Votre compte est désactivé, merci de contacter votre administrateur."/>
<br/>
<h:commandLink action="#{rejectMBean.login()}" value="Retour à l'écran de connection" />
</fieldset>
</h:form>
</h:body>
</ui:define>
</ui:composition>
and the backing RejectsSortingBean :
package com.agefos.corp.mbean;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import org.richfaces.model.SortOrder;
@ManagedBean
@SessionScoped
public class RejectsSortingBean implements Serializable {
private SortOrder dateEmissionOrder = SortOrder.unsorted;
private SortOrder rejectTypeOrder = SortOrder.unsorted;
private SortOrder errorCodeOrder = SortOrder.unsorted;
private SortOrder errorLabelOrder = SortOrder.unsorted;
private SortOrder bvIdOrder = SortOrder.unsorted;
private SortOrder siretOrder = SortOrder.unsorted;
private SortOrder rsoOrder = SortOrder.unsorted;
private SortOrder paymentModeOrder = SortOrder.unsorted;
private SortOrder nafOrder = SortOrder.unsorted;
private SortOrder ccnOrder = SortOrder.unsorted;
private SortOrder industryAgreementOrder = SortOrder.unsorted;
private SortOrder routingSiteOrder = SortOrder.unsorted;
private SortOrder ttcAmountOrder = SortOrder.unsorted;
private SortOrder accountantSiretOrder = SortOrder.unsorted;
private static final long serialVersionUID = -6237417487105926855L;
public void sortByDateEmission() {
if (dateEmissionOrder.equals(SortOrder.ascending)) {
setDateEmissionOrder(SortOrder.descending);
} else {
setDateEmissionOrder(SortOrder.ascending);
}
}
public void sortByRejectType() {
if (rejectTypeOrder.equals(SortOrder.ascending)) {
setRejectTypeOrder(SortOrder.descending);
} else {
setRejectTypeOrder(SortOrder.ascending);
}
}
public void sortByErrorCode() {
if (errorCodeOrder.equals(SortOrder.ascending)) {
setErrorCodeOrder(SortOrder.descending);
} else {
setErrorCodeOrder(SortOrder.ascending);
}
}
public void sortByErrorLabel() {
if (errorLabelOrder.equals(SortOrder.ascending)) {
setErrorLabelOrder(SortOrder.descending);
} else {
setErrorLabelOrder(SortOrder.ascending);
}
}
public void sortByBvId() {
if (bvIdOrder.equals(SortOrder.ascending)) {
setBvIdOrder(SortOrder.descending);
} else {
setBvIdOrder(SortOrder.ascending);
}
}
public void sortBySiret() {
if (siretOrder.equals(SortOrder.ascending)) {
setSiretOrder(SortOrder.descending);
} else {
setSiretOrder(SortOrder.ascending);
}
}
public void sortByRso() {
if (rsoOrder.equals(SortOrder.ascending)) {
setRsoOrder(SortOrder.descending);
} else {
setRsoOrder(SortOrder.ascending);
}
}
public void sortByPaymentMode() {
if (paymentModeOrder.equals(SortOrder.ascending)) {
setPaymentModeOrder(SortOrder.descending);
} else {
setPaymentModeOrder(SortOrder.ascending);
}
}
public void sortByNaf() {
if (nafOrder.equals(SortOrder.ascending)) {
setNafOrder(SortOrder.descending);
} else {
setNafOrder(SortOrder.ascending);
}
}
public void sortByCcn() {
if (ccnOrder.equals(SortOrder.ascending)) {
setCcnOrder(SortOrder.descending);
} else {
setCcnOrder(SortOrder.ascending);
}
}
public void sortByIndustryAgreement() {
if (industryAgreementOrder.equals(SortOrder.ascending)) {
setIndustryAgreementOrder(SortOrder.descending);
} else {
setIndustryAgreementOrder(SortOrder.ascending);
}
}
public void sortByRoutingSite() {
if (routingSiteOrder.equals(SortOrder.ascending)) {
setRoutingSiteOrder(SortOrder.descending);
} else {
setRoutingSiteOrder(SortOrder.ascending);
}
}
public void sortByTtcAmount() {
if (ttcAmountOrder.equals(SortOrder.ascending)) {
setTtcAmountOrder(SortOrder.descending);
} else {
setTtcAmountOrder(SortOrder.ascending);
}
}
public void sortByAccountantSiret() {
if (accountantSiretOrder.equals(SortOrder.ascending)) {
setAccountantSiretOrder(SortOrder.descending);
} else {
setAccountantSiretOrder(SortOrder.ascending);
}
}
public SortOrder getDateEmissionOrder() {
return dateEmissionOrder;
}
public void setDateEmissionOrder(SortOrder dateEmissionOrder) {
this.dateEmissionOrder = dateEmissionOrder;
}
public SortOrder getRejectTypeOrder() {
return rejectTypeOrder;
}
public void setRejectTypeOrder(SortOrder rejectTypeOrder) {
this.rejectTypeOrder = rejectTypeOrder;
}
public SortOrder getErrorCodeOrder() {
return errorCodeOrder;
}
public void setErrorCodeOrder(SortOrder errorCodeOrder) {
this.errorCodeOrder = errorCodeOrder;
}
public SortOrder getErrorLabelOrder() {
return errorLabelOrder;
}
public void setErrorLabelOrder(SortOrder errorLabelOrder) {
this.errorLabelOrder = errorLabelOrder;
}
public SortOrder getBvIdOrder() {
return bvIdOrder;
}
public void setBvIdOrder(SortOrder bvIdOrder) {
this.bvIdOrder = bvIdOrder;
}
public SortOrder getSiretOrder() {
return siretOrder;
}
public void setSiretOrder(SortOrder siretOrder) {
this.siretOrder = siretOrder;
}
public SortOrder getRsoOrder() {
return rsoOrder;
}
public void setRsoOrder(SortOrder rsoOrder) {
this.rsoOrder = rsoOrder;
}
public SortOrder getPaymentModeOrder() {
return paymentModeOrder;
}
public void setPaymentModeOrder(SortOrder paymentModeOrder) {
this.paymentModeOrder = paymentModeOrder;
}
public SortOrder getNafOrder() {
return nafOrder;
}
public void setNafOrder(SortOrder nafOrder) {
this.nafOrder = nafOrder;
}
public SortOrder getCcnOrder() {
return ccnOrder;
}
public void setCcnOrder(SortOrder ccnOrder) {
this.ccnOrder = ccnOrder;
}
public SortOrder getIndustryAgreementOrder() {
return industryAgreementOrder;
}
public void setIndustryAgreementOrder(SortOrder industryAgreementOrder) {
this.industryAgreementOrder = industryAgreementOrder;
}
public SortOrder getRoutingSiteOrder() {
return routingSiteOrder;
}
public void setRoutingSiteOrder(SortOrder routingSiteOrder) {
this.routingSiteOrder = routingSiteOrder;
}
public SortOrder getTtcAmountOrder() {
return ttcAmountOrder;
}
public void setTtcAmountOrder(SortOrder ttcAmountOrder) {
this.ttcAmountOrder = ttcAmountOrder;
}
public SortOrder getAccountantSiretOrder() {
return accountantSiretOrder;
}
public void setAccountantSiretOrder(SortOrder accountantSiretOrder) {
this.accountantSiretOrder = accountantSiretOrder;
}
}
Thanks in advance