[Symfony 2.6] Trier les colonnes des tableaux TWIG

Version imprimable

Bonjour,

J'affiche dans un tableau la liste des clients.
L'idée est de pouvoir rendre les colonnes sortable lorsque je clique sur le nom de la colonne. Premier clic, tri en ASC, second clic tri en DESC.
Le coup classique donc.

J'ai essayé avec la méthode "sylius_resource_sort" dans les noms de mes colonnes dans ma vue. (SyliusResourcesBundle)
J'ai bien configuré ma route avec
Code:

1 2 3 4 5 xxxxx_meeting_meeting_index: pattern: / defaults: _controller:xxxxxMeetingBundle:Meeting:index sortable: true
et mon fichier de config:
Code:

1 2 3 4 5 6 7 8 sylius_resource: resources: xxxx.meeting: driver: doctrine/orm templates: xxxxMeetingBundle:Meeting classes: model: xxxx\MeetingBundle\Entity\Meeting controller: xxxx\MeetingBundle\Controller\MeetingController
Les colonnes de mon tableau sont maintenant bien cliquable, premier clique et dans la barre d’adresse vient s'ajouter ?sorting%5Bname%5D=asc.
Second clic ?sorting%5Bname%5D=desc

Super, mais lorsque la page se rafraîchis les colonnes ne sont pas triées ! Dans l'URL c'est ok, pas pour l'affichage.

Une solution ? Autre que Sylius ? Troll ? =)

20/05/2015, 16h16
dukoid

HUGH !!

si ce n'est qu'une liste de client utilise https://github.com/KnpLabs/KnpPaginatorBundle

c'est très simple à mettre en place
20/05/2015, 16h33
Kevfou

Mais oui bien sur !
En plus j'utilise déjà knp_paginator pour gérer la pagination....
J'avais oublié qu'il faisait le tri sur les colonnes.

Merci dukoid, encore une fois ;)

Enfin facile facile....

J'ai ceci dans l'indexAction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
            public function indexAction(Request $request)
    {
        $em = $this->getDoctrine()->getManager();
 
        $customers = $em->getRepository('StanhomeRhBundle:Customer')->findBy(array('user' => $this->get('security.token_storage')->getToken()->getUser()));
 
        $paginator = $this->get('knp_paginator');
        $pagination = $paginator->paginate(
            $customers,
            $request->query->get('page', 1),
            10
        );
 
        return array(
            'pagination' => $pagination,
        );
    }

Et là vue:

Code:

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
                 <table id="tableShipping" class="table table-hover table-responsive table-striped table-bordered">
                        <thead>
                        <tr>
                            <th>{{ knp_pagination_sortable(pagination, 'Sexe', 'customers.sexe') }}</th>
                            <th{% if pagination.isSorted('customers.nom') %} class="sorted"{% endif %}>{{ knp_pagination_sortable(pagination, 'Nom', 'customers.nom') }}</th>
                            {#<th class="col-md-2">{{ sylius_resource_sort('name', 'StanhomeRhBundle.customers.page_index.sexe'|trans) }}</th>#}
                            <th class="col-md-2">{{ 'StanhomeRhBundle.customers.page_index.lastName'|trans }}</th>
                            <th class="col-md-2">{{ 'StanhomeRhBundle.customers.page_index.fixe'|trans }}</th>
                            <th class="col-md-2">{{ 'StanhomeRhBundle.customers.page_index.mobile'|trans }}</th>
                            <th class="col-md-2">{{ 'StanhomeRhBundle.customers.page_index.email'|trans }}</th>
                            <th>{{ 'StanhomeRhBundle.customers.page_index.modify'|trans }}</th>
                            {#<th>{{ sylius_resource_sort('name', 'StanhomeRhBundle.customers.page_index.delete'|trans) }}</th>#}
                        </tr>
                        </thead>
                        <tbody>
                        {% for customer in pagination %}
                            <tr>
                                <td> {{ customer.sexe }}</td>
                                <td>
                                    <div class="checkbox left">
                                        <input type="checkbox" class="flat-checkbox-1 check">
                                    </div>
                                    <a href="{{ path('stanhome_rh_customer_show', { 'id': customer.id }) }}">{{ customer.nom }}</a>
                                </td>
                                <td> {{ customer.prenom }}</td>
                                <td> {{ customer.fixe }}</td>
                                <td> {{ customer.portable }}</td>
                                <td> <a href="mailto:{{ customer.email }}">{{ customer.email }}</a></td>
                                <input type='hidden' name='_method' value='PUT'>
                                <td class="center"><a href="{{ path('stanhome_rh_customer_edit', { 'id': customer.id }) }}"><i class="icon-pencil2"></i></a></td>
                                {#<input type='hidden' name='_method' value='DELETE'>#}
                                {#<td class="center"><a href="{{ path('stanhome_rh_customer_delete', { 'id': customer.id }) }}"><i class="icon-pencil2"></i></a></td>#}
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

Seulement le tri sur les customers, ok dans l'url nada sur l'affichage.