Sto usando JQuery Sortable. Mi piacerebbe sapere se è possibile, dopo un certo numero di ricorsi, ripristinare il controllo ordinabile allo stato originale, simile a un reset del modulo. L'opzione "annulla" sembra influenzare solo l'ultimo tentativo di ordinamento, non tutti.Come si esegue un reset su un JQuery Sortable
risposta
Memorizzare un riferimento all'ordine di elementi originale, quindi utilizzarlo per riordinarli.
Ora quando si desidera ripristinare l'ordinamento originale, è sufficiente aggiungere i div all'elemento #sortable.
$("#sortable").append(sortableElements);
È possibile memorizzare una copia del documento genitore sul documento pronto e ripristinarlo al ripristino.
Per esempio, se <ul class="parent">
è il vostro elemento ordinabile:
var sortableCache;
$(document).ready(function() {
...
$('ul.parent').sortable({ ... });
...
sortableCache = $('ul.parent').clone(true);
});
on reset, si può fare:
$('ul.parent').replaceWith(sortableCache);
Personalmente, come farlo in questo modo:
$("#sortable").sortable({config...});
var cache = $("#sortable").html();
On Reset
$("#sortable").html(cache).sortable("refresh");
Ho provato a utilizzare .clone() e.children() e persino $ ("# ordinabile> *), ma trovare la cache dell'html() l'opzione migliore.
Nella mia situazione, ho due elenchi collegati. Uno contenente gli elementi correnti che l'utente può ordinare o rimuovere e un altro elenco di elementi disponibili che l'utente può prelevare per aggiungere all'elenco "elemento corrente". Avevo bisogno di un modo per ripristinare tutto allo stato originale. Quanto sopra funziona alla grande.
Questa soluzione non funzionerà se si hanno più elenchi di classi come sorgenti. Sto usando 2 liste da inserire in una - dove il mio selettore è una classe. È un peccato che non ci sia un "reset" ufficiale che conosca la fonte di ogni articolo per tornare indietro. – Antony
questo è il modo semplice
$("#sortable").sortable("cancel");
Questo annullerà solo l'ultima modifica ordinata. Se ordino multipli e poi li eseguo, non funzionerà per tutti loro –
- 1. Come si esegue applicare su un data.table?
- 2. Come testare un widget Sortable dell'interfaccia utente JQuery utilizzando Selenium?
- 3. JQuery Nested Sortable Accordion
- 4. Jquery sortable ('serialize')
- 5. Knockoutjs con jQuery UI Sortable
- 6. JQuery Sortable ConnectWith non funziona
- 7. Sortable con jQuery e Ajax
- 8. Come si esegue adb su un terminale mac?
- 9. Come si esegue una query XPath su un DOMNode?
- 10. Come si esegue un programma esterno in node.js su Windows?
- 11. JQuery Sortable elemento insieme a un indice di programmazione
- 12. Come si esegue l'aritmetica in un makefile?
- 13. Python - Come si esegue un file .py?
- 14. Come posso trascinare un elemento in un elenco a discesa usando l'interfaccia utente jQuery sortable()?
- 15. Come si esegue un server Mercurial?
- 16. Scala - Come si esegue un metodo "assertThrows"?
- 17. Come si esegue un programma Python?
- 18. Come si esegue un file utilizzando Java?
- 19. jQuery UI Sortable imposta manualmente una posizione
- 20. Reset di un setTimeout
- 21. Jquery Sortable, elimina l'elemento corrente trascinandolo
- 22. Come si esegue il test dell'unità su un controller ASP.NET Core o su un oggetto modello?
- 23. Come si esegue il marshalling di un puntatore su un puntatore di un array di strutture?
- 24. Come si esegue una query su DynamoDB?
- 25. Data jQuery Data reset data
- 26. Come si esegue l'unittest su un'app Tkinter?
- 27. Chiama la funzione personalizzata dopo jQuery sortable();
- 28. $ {java.home} cambia quando si esegue Maven su un OS X
- 29. JQuery Sortable - Gestisce bug in IE?
- 30. Combinare jQuery Sortable e Drop Event
forse memorizzare l'ordine predefinito in un attributo di dati? –