JQuery UI sortable: restaurer la position basée sur une condition

J'appelle sortable.stop() de faire un appel ajax pour stocker des données après le drag & drop opération.

Lors de l'appel ajax retourne une erreur (logique de l'application d'erreur ou net de problème) je veux déplacer l'élément traîné à son origine et la position de départ, comment puis-je l'atteindre?

Le scénario doit être

  1. utilisateur fait glisser Un à B
  2. la sortable.stop() événement est appelé, il déclenche un appel ajax
  3. de l'appel ajax retourne une erreur
  4. à l'intérieur de la stop() cas nous obtenons l'ajax d'erreur
  5. déplacer Un à sa position d'origine
  6. utilisateur de se déplacer de nouveau A à B
  7. tout est ok
  8. Un reste à sa nouvelle position dans B

Les étapes 6 à 8 sont présentés afin de clarifier successives faites glisser peut être fait et l'erreur précédente doit être oublié.

OriginalL'auteur dafi | 2010-04-18

  1. 22

    Ont un coup d'oeil à .sortable ("annuler"); quelque chose comme ceci:

    var list = $('#some-list')
list.sortable(
{
    //Some options.
    stop: function()
    {
        $.post('some-url', someData, function()
        {
            if (somethingWentWrong)
            {
                list.sortable('cancel');
            }
        });
    }
});
    En vertu de l'arrêt() de rappel ça ne fonctionne pas donc j'ai utilisé de la recevoir() au lieu de stop() et annulé drop $(interface utilisateur.l'expéditeur).sortable ("annuler");
    il a travaillé pour moi et m'a sauvé quelques tracas. Je n'ai pas besoin d'utiliser @dafi code, mais je suis content de le savoir maintenant! 🙂

    OriginalL'auteur Will Vousden

  2. 7

    Grâce à dafi - ce qui fonctionne pour moi:

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

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

  }

 });

    Je ne suis pas sûr si vous avez besoin d' $(this).sortable('cancel');, mais je me dis qu'il est préférable d'annuler la source et la destination listes triables. De cette façon, l'élément de liste revient immédiatement. D'autres Sortable options ici.

    OriginalL'auteur liveat60fps

  3. 0

    Merci, liveat60fps , c'est la seconde déclaration de la deux qui vous avez seulement besoin d'.

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

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

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

    De cette façon, sur une certaine condition, vous pouvez revrt en arrière à l'original de l'état.

    OriginalL'auteur varun kalra