流星でコレクションのアイテムを移動するには？

Question

私は作成中の待機リスト型アプリケーションを持っています。私は現在、私のテーブルにコレクションが配置される場所を持っています。私はボタンを押すことができるようにしたい、テーブルの行をテーブルの下部に移動します。ここに表が挿入される場所があります。ここで

<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> 

は、ボタンのテンプレートです：

<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> 

私はボタンのイベントのいくつかの種類が必要になります知っています。コレクション内のアイテムを取得してコレクション内を移動する方法についてはわかりません。コレクションに移動すると、テーブルが再びポピュレートされ、下部に移動します。

選択したアイテムがコレクションの最後に移動するように、コレクションの順序を変更するにはどうすればよいですか？

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}}); 
    } 
});