Возможность изменения порядка перетаскиванием в приложении meteor.js ToDo

Question

Obj:-

Чтобы добавить возможность перетаскивания в примере приложения meteor ToDo.

Почему?:-

Проходя через процесс обучения.

Все, о чем я могу думать :-

Используя пользовательский интерфейс jquery (как внешний js) и привязав событие обновления к спискам задач.наличие поля данных в элементах li, чтобы выполнить команду обновления из самой той же функции.

Мне было интересно, существует ли более метеоритный подход..

Спасибо!

Answer 1

из Это ответ и от ответа ЛлойдаВыше, вот работа - вокруг:

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

.

-

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

.

в 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

Механизм создания шаблонов Meteor (Spark) перерисовал бы ваш список задач при любом изменении базовых данных, что, как я ожидаю, нарушило бы нормальную работу пользовательского интерфейса jQuery.

Подумайте об использовании constant для ваших регионов, управляемых пользовательским интерфейсом jQuery.