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>

以下是按钮的模板：

pointer-events: none;

我知道按钮需要某种类型的事件。但我不知道如何让集合中的项目移动到集合中，这样当它再次填充表格时，它将移动到底部。

如何让集合重新排序，以便所选项目移动到集合的末尾？

Answer 1

您不会“移动”收藏中的项目，您将要做的是在客户端上对收藏进行排序，以便显示您的需求。我没有看到相关的助手，但它看起来都像这样：

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

在JS中，它是非常标准的东西：订阅onCreated（）中的集合，然后帮助程序按照你想要的方式对集合进行排序。在这里，我正在组建一个字段“waitListedTime”，通过该字段对集合进行排序。按下按钮可以为选定的学生添加时间戳，帮助者将被激活，您的学生列表将在屏幕上更新。

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

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

如何在流星中移动物品？

1 个答案: