triables jQuery UI - les contrôles externes

Question

J'ai une liste sortable à l'intérieur d'une boîte de dialogue modale (IU non jQuery):

<div id="modal"> 
    <ul id="reorderList"> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
     <li>Item 4</li> 
     <li>Item 5</li> 
    </ul><!-- /#reorderList --> 

    <button class="save" type="button">Save Order</button> 
    <button class="cancel" type="button">Cancel</button> 
</div> 

Je voudrais joindre un gestionnaire d'événements, cliquez sur le bouton « Enregistrer l'ordre » qui déclenche la fonctionnalité sortable('toArray'). De même, je voudrais que le bouton 'Annuler' déclenche sortable.('destroy') pour réinitialiser la liste à son état initial.

Bien que je gère bien les événements de déclenchement dans les fonctions de rappel de triable, je n'ai trouvé aucune information sur les méthodes d'appel de ces contrôles externes.

Answer 1

Essayez quelque chose comme ceci:

$('.save').click(function(){ 
    reorderListArray = $('#reorderList').sortable('toArray'); 
}); 

$('.cancel').click(function(){ 
    $('#reorderList').sortable('cancel'); 
}); 

Cela devrait joindre l'appel à l'événement, cliquez sur votre bouton Enregistrer. Le tableau est transmis dans reorderListArray pour que vous puissiez l'utiliser selon vos besoins.

Espérons que ça aide.