유성에서 컬렉션에서 아이템을 이동하는 방법은 무엇입니까?

Question

나는 대기 목록 유형 응용 프로그램을 만들고 있습니다. 나는 현재 내 테이블이 컬렉션으로 채워지는 곳을 가지고있다. 버튼을 눌러 테이블의 행을 테이블의 맨 아래로 옮길 수 있어야합니다. 다음은 테이블이 채워지는 위치입니다.

<template name="buttonSelections"> 
...//other code for different buttons 

<button class="btn btn-default btn-sm"> 
    <span class="glyphicon glyphicon-arrow-down"></span> 
</button> 

... //other code for different buttons 
</template> 

내가 버튼에 대한 이벤트의 몇 가지 유형을해야합니다 알고 : 여기

<tbody> 
          {{#each student}} 
           <tr class="accordion-toggle mainRow"> <!--mainRow if want whole row to change green--> 
            <td>{{> expandButton}}</td> 
            <td>{{Name}}</td> 
            <td>{{PhoneNumber}}</td> 
            <td>{{VipID}}</td> 
            <td class="selectionChange">{{> buttonSelections}}</td> 
           </tr> 
           <tr> 
            <td colspan="12" class="hiddenRow"> 
             <div class="accordian-body collapse" id="{{this._id}}"> 
              <table class="table table-striped"> 
               <thead id="innter-table"> 
                <tr class="info"> 
                 <th id="inner-heading">Reason for Visit</th> 
                 <th id="inner-heading">Current Major</th> 
                 <th id="inner-heading">Intended Major</th> 
                 <th id="inner-heading">Comments</th> 
                </tr> 
               </thead> 
               <tbody> 
                <tr> 
                 <td>{{ReasonForVisit}}</td> 
                 <td>{{CurrentMajor}}</td> 
                 <td>{{IntendedMajor}}</td> 
                 <td>{{Comments}}</td> 
                </tr> 
               </tbody> 
              </table> 
             </div> 
            </td> 
           </tr> 
           {{> autoformModals}} 
          {{/each}} 
         </tbody> 

는 버튼의 템플릿입니다. 하지만 컬렉션에서 항목을 가져 와서 컬렉션에서 이동하는 방법에 대해 확신 할 수 없으므로 테이블을 다시 채울 때 맨 아래로 이동합니다.

컬렉션을 다시 정렬하여 선택한 항목이 컬렉션의 끝으로 이동하도록하려면 어떻게해야합니까?

Answer 1

컬렉션의 항목을 "이동"하지 않으므로 클라이언트에서 컬렉션을 정렬하여 원하는 방식으로 표시 할 수 있습니다. 내가 관련 도우미가 표시되지 않습니다,하지만이 모든과 같이 보일 것이다 다음 JS에서

<template name="Students"> 
    {{#each student in students}} 
     {{student.name}} 
    {{/each}} 
</template> 

을 꽤 표준 물건 다음 onCreated()의 컬렉션에 가입 한 후 도우미 컬렉션을 정렬 당신이 원하는. 여기, 나는 "waitListedTime"이라는 필드를 만들어서 컬렉션을 정렬한다. 버튼을 누르면 선택한 학생에게 타임 스탬프가 표시되고 도우미는 반응적으로 실행되어 학생 목록이 화면에서 업데이트됩니다.

Template.Students.onCreated(function() { 
    this.subscribe('students'); 
}); 

Template.Students.helpers({ 
    students() { 
     return Students.find({}, {sort: {waitListedTime: 1}}); 
    } 
});