如何保存可排序列表 Order

Question

我正在使用流星平台。我开发了一个仪表板。

现在我想在用户单击保存按钮时保存排序列表的顺序并以他保存的顺序显示。

我使用 Dragula 包实现了可排序。

status.js

Template.status.events({
'click .outr':function(){
  var drake=dragula([document.querySelector('.sortable-items')]);  
  },
});

status.html

<div class="ui bottom attached segment" style="border-radius:0.5em;margin-left:0.0%; overflow:hidden;padding:0 0 0 0;">
  <div class="ui menu grids vbox " style="border-radius:0.5em;margin-top:0; overflow:hidden;" id="vbox">
    {{#each getDash}}      
      <div class=" column equal width aligned padded center aligned outr">
        <div class="ui vertical allifluid small menu hand rock icon " style="background-color:lightgray;  border: 0.5px solid black;">
          <center><p class="handle" style="width:4 5 6 2">{{this.project}}</p></center>
          <div class="sortable-items" >
          {{#each listjobName project}}
            <div class="ui inverted small menu jbox" style="background-color:{{getStatusColor buildStatus}};   border: 1px solid black;">
            <p id="viewJob" class="under" ><h5>{{this.job}}</h5></p>
            </div>
          {{/each}}
          </div>
        </div>
      </div>
    {{/each}}
  </div>
</div>

在 status.html 中 this.project 和 this.job 分别使用帮助器 getDash 和 listjobName 从数据库中获取。

Answer 1

只需将订单存储在集合中的文档中。 例如，您可以使用名为 Projects 的集合。数据结构如下所示：

{
    _id: 'herh52rh48a6eh7a86e7hz'
     projectName: 'tes1';
     jobs : [
          {
               id: 54845 (Random generated id)
               name: 'job1',
               order: 1
          },
          {
               id: 87813
               name: 'job2',
               order: 2
          },
          {
               id: 54369
               name: 'job3',
               order: 3
          },
     ]
}

对于每个作业，您都有一个字段order：

您需要使用数组“jobs”来显示您的工作列表。当你点击保存时，你必须得到工作和他们的订单。并将其存储在数据库中。

我不知道如何用dragula 做到这一点，所以我会让你想办法。也许这个答案会给你一个想法。