骨干模型恢复到原始状态

Backbone model reverts to original state

本文关键字：原始 原始状 状态 恢复 模型      更新时间：2023-09-26

我正在尝试制作一个简单的待办事项列表(没有数据库-刷新后一切都消失了)，当您单击完成按钮时，任务就完成了。在你添加另一个任务之前，这种方法是有效的。什么好主意吗?

ToDoList.Views.TaskView = Backbone.View.extend({
  initialize: function() {
   this.listenTo(this.model, 'all', this.render);
  },
  tagName: 'li',
  template: _.template($('#task-template').html()),
  render: function() {
   var that = this;
   var renderedHTML = this.template({task: this.model.toJSON()});
   this.$el.html(renderedHTML);
   return this;
  },
  events: {
   'click [data-action="delete"]': 'markAsComplete'
  },
  markAsComplete: function() {
   this.$el.css('text-decoration', 'line-through');
 }
});

模板只是一个名称和一个按钮，这很好。谢谢!

这看起来很像因为你只使用css来做这个

this.$el.css('text-decoration', 'line-through');

如果它被重新渲染，重新渲染是如何知道罢工的?

您需要更改任务的一个属性以将其标记为完成。并根据属性进行渲染。而不是随意添加CSS

相关文章：