Come faccio a riordinare righe nel DataTable utilizzando Drag Drop?
-
23-09-2019 - |
Domanda
Sto usando primefaces e JSF. Qualcuno può dirmi come faccio a riordinare le righe di un DataTable
utilizzando primefaces drag and drop dei componenti?
Soluzione
Attualmente con nel quadro primefaces (v2.2.1 e 3.0) questo non è possibile con <p:dataTable>
.
C'è un primefaces aperti Problema 511 <p:dataTable>
colonne trascinabili per aggiungere il widget di Yahoo draggableColumns DataTable attribuiscono al primefaces <p:dataTable>
ma nessuna versione di destinazione è ancora impostato.
Se volete vedere questo aggiunto al primefaces stella la questione per contribuire a dare maggiore priorità.
Altri suggerimenti
Questa è sicuramente una questione più grande, ma la risposta necessita di un aggiornamento. Questo è ora fattibile utilizzando l'attributo draggableColumns="true"
sul p:dataTable
.
Il tuo dataTable
avrebbe poi apparire come tale:
<p:dataTable var="i" value="#{bean.data}" draggableColumns="true">
Fonti:
- primefaces Showcase: DataTable - Colonne Riordinamento
Questa funzione è ora disponibile da primefaces 5.0:
L'uso è molto semplice, semplicemente abilitando l'opzione draggableRows e anche un comportamento rowReorder ajax opzionale viene fornito ottenere un ReorderEvent con informazioni di indice per la flessibilità.
Fonte: http://blog.primefaces.org/?p=3026
Si può anche avere uno sguardo alla vetrina qui: http: / /www.primefaces.org/showcase/ui/data/datatable/reorder.xhtml