Drag n Drop re-ordem capacidade meteor.js ToDo aplicativo

Question

Obj:-

Para adicionar drag n drop habilidade meteoro ToDo exemplo de aplicativo.

Por:-

Atravessando a curva de aprendizagem.

O que eu posso pensar :-

Usando o jquery UI (como js externo) e associar o evento de atualização de listas de afazeres.ter um campo de dados na li itens, de modo a executar a actualização do comando da mesma função em si mesma.

Queria saber se existe um mais meteoro-y abordagem..

Obrigado!

Answer 1

A partir de este resposta e desde Lloyd resposta acima, aqui está o trabalho-em torno de:

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

--

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

no 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

O mecanismo de modelos de Meteor (Spark) redesenharia sua lista de tarefas em qualquer alteração nos dados subjacentes, que eu espero atrapalhar a operação normal da JQuery Ui.

Considere usar constant para as regiões gerenciadas do JQuery UI.