Capacité de la réorganisation de glisser-déposer dans Meteor.js TODO App

Question

obj: -

Pour ajouter la capacité de goutte de glisser n dans l'application de météore TODO.

pourquoi: -

traverser la courbe d'apprentissage.

Ce que je peux penser: -

Utilisation de JQQUERY UI (en tant que JS externe) et liez l'événement de mise à jour aux listes TODO.ayant un champ de données sur les éléments LI, de manière à exécuter la commande de mise à jour de la même fonction elle-même.

se demandait s'il existe une approche plus météore-y.

merci!

Answer 1

de Cette répond et de la réponse de Lloydci-dessus, voici le travail autour de:

<template name="todos">
...code...
  {{#constant}}
  {{sort_code}}
  {{/constant}}
</template>

-

<div class="todo-text" data-id="{{_id}}">{{text}}</div>

in todo.js

Template.todos.sort_code = function(){
Meteor.defer(function(){
$('#item-list').sortable({
  update: function(e,iq){
    $('div.todo-text',this).each(function(i){
            var id = $(this).attr('data-id');
            Todos.update(id, {$set:{order:i+1}});
  });
  },
});
$( "#item-list" ).disableSelection();
console.log('dd');

});
};

Answer 2

Le moteur de modèles de météores (Spark) redessinerait votre liste de TODO sur toute modification des données sous-jacentes, que j'attends, ce que j'attendrais gâcher le fonctionnement normal de JQuery UI.

envisager d'utiliser constant pour vos régions gérées JQuery UI.