Comment puis-je à nouveau les lignes DataTable à l'aide glisser-déplacer?
-
23-09-2019 - |
Question
J'utilise PrimeFaces et JSF. Quelqu'un peut-il me dire comment puis-je réarrange les lignes d'une DataTable
par glisser-déposer le composant Primefaces?
La solution
Actuellement, avec dans le cadre de PrimeFaces (v2.2.1 et 3.0) cela est impossible avec <p:dataTable>
.
Il y a un PrimeFaces ouvert Edition 511 colonnes <p:dataTable>
draggable pour ajouter le widget Yahoo DataTable draggableColumns attribuent à la PrimeFaces <p:dataTable>
mais aucune version cible est définie encore.
Si vous souhaitez voir ce ajouté à PrimeFaces étoile la question pour aider à donner une priorité plus élevée.
Autres conseils
Ceci est certainement une question plus, mais la réponse a besoin d'une mise à jour. Ceci est maintenant réalisable en utilisant l'attribut draggableColumns="true"
sur votre p:dataTable
.
Votre dataTable
serait alors regarder comme tel:
<p:dataTable var="i" value="#{bean.data}" draggableColumns="true">
Sources:
- PrimeFaces Showcase: DataTable - Colonnes Réorganiser
Cette fonction est désormais disponible auprès PrimeFaces 5.0:
L'utilisation est très simple en option permettant simplement draggableRows et aussi un comportement ajax rowReorder est fourni en option obtenir un ReorderEvent avec des informations d'index pour la flexibilité.
Source: http://blog.primefaces.org/?p=3026
Vous pouvez également jeter un oeil à la vitrine ici: http: / /www.primefaces.org/showcase/ui/data/datatable/reorder.xhtml