Discussion :

[Gugelhupf]

Bonjour,


Je souhaiterais savoir s'il est possible de créer un tableau avec des filtres type "segment" comme ci-dessous :

Dans l'image, il y a 2 segments : "Sexe" et "Top". Les filtres "segment" sont très pratiques pour les utilisateurs !
Par exemple ici on peut filtrer sur les hommes ou les femmes en un clic sur la cellule du segment.

Si cela est possible, quel sont les noms des composants JSF/Primefaces ? Auriez-vous un exemple ? Je n'ai pas trouvé cela dans le showcase de Primefaces.


Cordialement,

[Lolosan]

Regardes ce lien :

http://www.primefaces.org/showcase/u...eFiltering.jsf

cela devrait répondre à ta question je pense.

[Gugelhupf]

Bonjour Lolosan,


Les contraintes sont les suivantes :

• L'utilisateur a juste à cliquer sur une cellule du segment (un peu comme le <select> de la colonne Manufacturer, mais les valeurs du <select> doivent êtres visibles, de façon à ce que l'utilisateur n'ait à cliquer 2 fois pour dérouler le <select> puis cliquer sur une valeur, mais cliquer sur une valeur du <select> avec 1 seul clic), et aussi pas taper du texte.
• La valeur du segment (Homme/Femme) ne doit pas forcément apparaitre comme colonne au niveau du tableau.

Cordialement,

[Lolosan]

Le message qui suis est à prendre avec des pincettes, comme sa fait que quelques semaines que je connais le JSF...

Pourquoi ne pas réaliser une dataTable (avec une seule colonne) par filtre. Ainsi tu aurais 2 dataTable l'un pour le sexe et l'autre pour le top.

Un autre dataTable qui contiendrait l'ensemble de tes données. Et lors d'une sélection d'une ligne sur l'un des deux premier dataTable sa met à jour le troisième avec l'objet du filtre.

Si je ne me plante pas faire un update depuis un dataTable vers un autre est possible (j'ai vue quelques posts qui en parlaient). Par contre je ne sais pas s'il y a un event qui se déclenche lors de la sélection d'une ligne... Mais bon si c'est pas possible tu as toujours moyen d'y arriver avec des commandLink ou autre...

[Mishulyna]

Bonjour,

Si je comprends bien: deux ou plusieurs valeurs du filtre peuvent être sélectionnées en même temps. Ce serait possible en utilisant une DataTable - Multiple Row Selection avec une colonne pour chaque filtre comme suggéré par Lolosan. Mais il faut maintenir la touche Ctrl enfoncée, comme pour toute sélection multiple.

Et je pense qu'il faut récupérer les valeurs sélectionnées et implémenter le "filtre" dans le code pour créer une sorte de filteredValue="#{tableBean.filteredCars}" contenant les objets triées selon les critères, pour les afficher dans la table principale.