Meteor.js Todo App.에서 끌어 오는 능력을 드래그 앤 드롭합니다

Question

obj : -

유성 TODO 예제 앱의 드래그 N 드롭 기능을 추가합니다.

왜 : -

학습 곡선을 통과합니다.

내가 생각할 수있는 것 : -

jQuery UI (외부 JS로)를 사용하고 업데이트 이벤트를 TODO 목록에 바인딩합니다.LI 항목에 데이터 필드가 있으므로 동일한 기능 자체에서 업데이트 명령을 실행하도록하십시오.

더 많은 meteor-y 접근법이 존재하는지 궁금해하고있었습니다 ..

감사합니다!

Answer 1

Lloyd의 답변에서 답변 답변에서위의 작업 주위는 다음과 같습니다.

<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

유성의 템플릿 엔진 (Spark)은 jQuery UI의 정상적인 작동을 망쳐 놓을 것으로 기대하는 기본 데이터에 대한 변경에 대해 TODO 목록을 다시 실행합니다.

jQuery UI 관리 영역의 를 사용하는 것을 고려하십시오.