Discussion :

[denisduval75]

Bonjour,

J'utilise le framework Primefaces avec un Datatable dont toutes les colonnes sont triables.
J'ai un bouton qui me permet de revenir au tri initial, utile après avoir trié sur une colonne ou plusieurs.
Le problème est que ce bouton ne fait rien : ce sont les colonnes triées qui prennent le dessus !

Donc ma question est : comment peut-on 'dé-trier' une colonne d'un Datatable de Primefaces ?

Merci.

[OButterlin]

Relancer la requête initiale.

[denisduval75]

J'ai essayé en relançant la requête mais le tri précédent reste.

[OButterlin]

Je ne vois pas trop pourquoi en relançant la requête initiale tu as un résultat trié, il faudrait montrer ton code pour évaluer...

[denisduval75]

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
@PostConstruct
    public void init() {
 
        rechercherListeRefPlanCompteM61();

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
    public void rechercherListeRefPlanCompteM61() {
 
        setListeRefPlanCompteM61(getRefPlanCompteM61Facade().rechercherListeRefPlanCompteM61());

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
    public List<RefPlanCompteM61> rechercherListeRefPlanCompteM61() {    <-- Sélection des lignes de la bdd
 
        List<RefPlanCompteM61> listeRefPlanCompteM61 = new ArrayList<>();
 
        Query jQuery = getEntityManager().createQuery("select x from RefPlanCompteM61 x order by x.idLigne");
 
        try {
            listeRefPlanCompteM61 = (List<RefPlanCompteM61>) jQuery.getResultList();
        } catch (NoResultException e) {
        }
        return listeRefPlanCompteM61;
    }

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p:dataTable id="idRefPlanCompteM61" widgetVar="widgetRefPlanCompteM61" var="ligne" class="tableauStyle" tableStyle="table-layout: auto"
                                     value="#{administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61}"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<p:commandLink>
    <h:outputLabel value="Re-trier"/>
    <p:ajax listener="#{administrationPlanCompteM61ManagerBean.retrierTableau()}" update="idRefPlanCompteM61"/>
</p:commandLink>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
    public void retrierTableau() {
 
        rechercherListeRefPlanCompteM61();
    }

[OButterlin]

En théorie ça devrait foncitonner...
Ta balise <p:datatable> est tronquée, tu n'aurais pas mis l'attribut sortBy à ce niveau ?

[denisduval75]

Le sortBy est défini au niveau des colonnes.
Voici le Datatable complet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<p:dataTable id="idRefPlanCompteM61" widgetVar="widgetRefPlanCompteM61" var="ligne" class="tableauStyle" tableStyle="table-layout: auto"
                                     value="#{administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61Filtree}" 
                                     rowKey="#{ligne.idPk}"
                                     selection="#{administrationPlanCompteM61ManagerBean.refPlanCompteM61Selectionne}"
                                     resizableColumns="true"
                                     liveResize="true"
                                     selectionMode="single" 
                                     sortMode="multiple" 
                                     nullSortOrder="-1"
                                     editable="true" 
                                     editMode="cell" 
                                     paginator="true"
                                     paginatorPosition="bottom"
                                     paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                                     rows="#{accueilManagerBean.tableauLignesReference}"
                                     emptyMessage="Aucun enregistrement trouvé">
                            <p:ajax event="page" onstart="PF('widgetPatienter').block()" oncomplete="PF('widgetPatienter').unblock()"/>
                            <p:ajax event="sort" onstart="PF('widgetPatienter').block()" oncomplete="PF('widgetPatienter').unblock()"/>
                            <f:facet name="header">
                                <h:outputLabel value="Administration - Plan de compte M61" class="gris"/>
                            </f:facet>
                            <p:columns value="#{administrationPlanCompteM61ManagerBean.listeColonne}" var="colonne" columnIndexVar="iColonne" class="tableauContour" 
                                       headerText="#{colonne}" 
                                       sortBy="#{administrationPlanCompteM61ManagerBean.trierTableau(ligne, colonne)}"> <-------------------------- sortBy
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <p:outputPanel id="idColonne">
                                            <h:outputText id="idValeurColonne" value="#{empty administrationPlanCompteM61ManagerBean.rechercherColonne(ligne, colonne) ? '&nbsp;' : administrationPlanCompteM61ManagerBean.rechercherColonne(ligne, colonne)}" class="texteGris"/>
                                            <p:graphicImage id="idImage" class="tableauNote"
                                                            value="images/PostIt#{noteManagerBean.tableauNote[noteManagerBean.indiceTableauPage][iColonne][ligne.idLigne].couleur}.png"
                                                            rendered="#{!empty noteManagerBean.tableauNote[noteManagerBean.indiceTableauPage][iColonne][ligne.idLigne]}"/>
                                            <pe:tooltip for="idImage" value="#{noteManagerBean.noteInfoBulle(noteManagerBean.tableauNote[noteManagerBean.indiceTableauPage][iColonne][ligne.idLigne])}" myPosition="left center" atPosition="right center" styleClass="infoBulle infoBulleNote"/>
                                        </p:outputPanel>
                                    </f:facet>
                                    <f:facet name="input">
                                        <h:inputText value="#{administrationPlanCompteM61ManagerBean.valeurModifie}" class="celluleInputTableau"
                                                     maxlength="#{administrationPlanCompteM61ManagerBean.listeColonneLargeur.get(iColonne)}">
                                            <p:ajax event="change" listener="#{administrationPlanCompteM61ManagerBean.modifierValeurColonne(ligne, colonne)}"
                                                    oncomplete="PF('widgetBoutonEnregistrer').show()" 
                                                    update="idValeurColonne :form:idRetourAccueil"/>
                                        </h:inputText>
                                    </f:facet>
                                </p:cellEditor>
                                <p:contextMenu for="idColonne" beforeShow="noteMenuContextuelPosition()">
                                    <p:menuitem value="#{empty noteManagerBean.tableauNote[noteManagerBean.indiceTableauPage][iColonne][ligne.idLigne] ? 'Ajouter une note' : 'Modifier la note'}"
                                                actionListener="#{noteManagerBean.afficherNoteTableau(noteManagerBean.tableauNote[noteManagerBean.indiceTableauPage][iColonne][ligne.idLigne], 'T', ligne.idLigne, iColonne)}"
                                                oncomplete="PF('widgetNoteDialog').show()"
                                                update=":form:idDialogNote"/>
                                </p:contextMenu>
                            </p:columns>

                            <f:facet name="footer">
                                <div class="tableauFooter">
                                    <h:outputText id="idNombreLignesFiltre" 
                                                  value="#{fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61Filtree) == 0 || 
                                                           fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61Filtree) == fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61) ? null : fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61Filtree)}"/>
                                    <h:outputText id="idNombreLignesFiltreSeparateur" 
                                                  value="#{fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61Filtree) == 0 || 
                                                           fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61Filtree) == fn:length(administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61) ? null : '&nbsp;/&nbsp;'}"/>
                                    <h:outputText value="#{administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61.size()}" class="texteGris"/>
                                    <h:outputText value="#{administrationPlanCompteM61ManagerBean.listeRefPlanCompteM61.size() lt '2' ? 'ligne' : 'lignes'}" class="texteGris tableauFooterMarge"/>
                                </div>
                            </f:facet>

                        </p:dataTable>

[OButterlin]

Je n'utilise pas <p:columns> avec des tris, du coup, je ne sais pas s'il y a un comportement particulier.

Tu devrais mettre un point d'arrêt dans ta méthode #{administrationPlanCompteM61ManagerBean.trierTableau(ligne, colonne)} et voir si tu y passes au rafraichissement du dataTable et si tu y passes avec quels arguments.

[denisduval75]

Au rafraîchissement, la méthode est bien appelée et les paramètres en entrée sont corrects.

J'ai essayé cette solution qui fonctionne bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
public void retrierTableau() {

        DataTable tableau = (DataTable) FacesContext.getCurrentInstance().getViewRoot().findComponent("form:idRefPlanCompteM61");

        tableau.reset();  // Réinitialisation du tableau (suppression des tris et filtres...)

        rechercherListeRefPlanCompteM61();  // Relance de la requête (obligatoire)

        if (!getTexteRechercher().isEmpty()) {  // Filtre à nouveau 

            filtrerTableau();
        }
    }

Attention aux imports :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
import javax.faces.context.FacesContext;
import org.primefaces.component.datatable.DataTable;

[denisduval75]

Du coup je ferme la discussion.
Merci pour ton aide.