尝试使用Meteor JS将编辑功能添加到Todo列表程序中?

时间:2015-01-15 05:40:46

标签: mongodb meteor

我是Meteor JS的新手,我正在关注他们网站上的官方教程。 我认为在原始的完成和删除按钮上添加一个编辑按钮会很不错。 我似乎无法弄清楚如何添加编辑待办事项的功能。我已经通过html添加了编辑按钮本身但我只需要弄清楚如何添加实际编辑项目本身的功能。

以下是javascript代码:

Tasks = new Mongo.Collection("tasks");

if (Meteor.isClient) {
  // This code only runs on the client
  Template.body.helpers({
    tasks: function () {
      // Show newest tasks first
      return Tasks.find({}, {sort: {createdAt: -1}});
    }
  });

  Template.body.events({
    "submit .new-task": function (event) {
      // This function is called when the new task form is submitted
      var text = event.target.text.value;

      Tasks.insert({
        text: text,
        createdAt: new Date() // current time
      });

      // Clear form
      event.target.text.value = "";

      // Prevent default form submit
      return false;
    }
  });

  Template.task.events({
    "click .toggle-checked": function () {
      // Set the checked property to the opposite of its current value
      Tasks.update(this._id, {$set: {checked: ! this.checked}});
    },
    "click .delete": function () {
      Tasks.remove(this._id);
    },
    "click .edit": function () {
      Tasks.update(this._id, {});
    }
  });
}

帮助会得到很多赞赏!

0 个答案:

没有答案