流星待办事项的关联列表和任务

Question

我正在从Meteor教程构建todo应用程序，然后继续进行。 我正在基于任务模型构建一些列表，但是我不知道如何加入它们，并说当我单击一个列表时，我希望从该列表中获得所有任务。

目前，我的Tasks.js具有：

    'tasks.insert'(text, privacy, priority, listId) {
        ...

        Tasks.insert({
            text,

            listId: listId,

            owner: this.userId,
            username: Meteor.users.findOne(this.userId).username,
        });
    },

Body.js

   Template.body.events({
      'submit .new-task' (event) {
           event.preventDefault();

    const listId = ???

    const target = event.target;
    const text = target.text.value;
    ...
    Meteor.call('tasks.insert', text, privacy, priority, listId);
    ...
},

然后在哪里显示它：

Template.body.helpers({
    tasks() {
        const instance = Template.instance();

        if (instance.state.get('hideCompleted')) {
            return Tasks.find({ checked: { $ne: true } }, { sort: Session.get("sort_order") });
        }
        return Tasks.find({}, { sort: Session.get("sort_order")});
    },

    lists() {
        return Lists.find({}, { sort: { createdAt: -1 } });
    },

在我的body.html中，我只是分别显示每个项目（列表和任务）。 但是问题是我不知道如何建立两者之间的关系...

你能帮我吗 ？

非常感谢

Answer 1

我看到您已经在使用Session。 基本上，您将使用Session变量来跟踪用户选择的列表，然后使用该变量过滤任务。

在您要显示列表名称的位置，将列表的ID作为HTML属性添加：

{{#each lists}}
  <a href='#' class='list-name' data-id='{{this._id}}'>
    {{this.name}}
  </a>
{{/each}}

添加事件以单击列表名称，将其ID保存到Session变量中：

Template.body.events({
  'click .list-name' (event) {
    event.preventDefault();

    Session.set('listId', event.currentTarget.attr('data-id'))
  }
})

在tasks助手中，使用Session变量过滤查询：

return Tasks.find(
  { listId: Session.get('listId') },
  { sort: Session.get("sort_order") }
);

让我知道是否有任何更清楚的事情。