JQuery UI sortable: wiederherstellen der position basierend auf einer Bedingung

Nenne ich sortable.stop() um einen ajax-Aufruf zum speichern einiger Daten nach drag & drop-operation.

Wenn der ajax-Aufruf gibt einen Fehler zurück (Anwendung Logik-Fehler oder net problem) ich mich bewegen will, wird das gezogene element auf seine ursprüngliche/start position, wie kann ich es erreichen?

Szenario sollte

  1. user drags A nach B
  2. die sortable.stop() - Ereignis aufgerufen wird, wird ein ajax-call
  3. der ajax-Aufruf gibt einen Fehler zurück,
  4. innerhalb der stop() Ereignis bekommen wir die ajax-Fehler
  5. bewegen, um seine ursprüngliche position
  6. Benutzer erneut verschieben von A nach B
  7. alles ok ist
  8. Bleibt in seiner neuen position in B

Schritte 6-8 dargestellt werden, um zu klären aufeinander ziehen kann getan werden, und die vorherigen Fehler zu vergessen.

InformationsquelleAutor dafi | 2010-04-18

  1. 22

    Haben Sie einen Blick auf .sortable('Abbrechen'); so etwas wie dieses:

    var list = $('#some-list')
list.sortable(
{
    //Some options.
    stop: function()
    {
        $.post('some-url', someData, function()
        {
            if (somethingWentWrong)
            {
                list.sortable('cancel');
            }
        });
    }
});
    Unter der stop () - callback-es funktioniert nicht, so dass ich verwendet habe, receive() anstelle von stop() abgebrochen und drop mit $(ui.Absender).sortable('Abbrechen');
    dieser arbeitete für mich und ersparte mir einige Mühe. Ich brauchte nicht die Verwendung von @dafi code aber froh, dass ich jetzt weiß! 🙂

    InformationsquelleAutor Will Vousden

  2. 7

    Dank dafi - das funktioniert für mich:

    $('#some-list').sortable({
  //other options here,
  receive: function(event, ui) {

    //ajax or function here
    if(somethingWentWrong) {
       $(this).sortable('cancel');
       $(ui.sender).sortable('cancel');
    }

  }

 });

    Ich bin mir nicht sicher, ob Sie brauchen $(this).sortable('cancel');, aber ich glaube, es ist am besten, um das Abbrechen der Quelle und das Ziel sortierbare Listen. Auf diese Weise wird das Listenelement kehrt sofort. Andere Sortierbar Optionen hier.

    InformationsquelleAutor liveat60fps

  3. 0

    Dank, liveat60fps , das ist die zweite Aussage von den beiden, die Sie nur brauchen.

    $('#some-list').sortable({

      //other options here,
  receive: function(event, ui) {

    //ajax or function here
    if(somethingWentWrong) {
       $(this).sortable('cancel');
       $(ui.sender).sortable('cancel');
    }    
  }    
});

    Diese Weise auf einen bestimmten Zustand, können Sie revrt zurück zum Original Zustand.

    InformationsquelleAutor varun kalra

Schreibe einen Kommentar