Meteorjs编辑按钮并从一个列表中删除，添加到另一个列表

Meteorjs edit button and removing from one list adding to other

本文关键字：列表 一个 删除 另一个 添加 按钮 编辑按 编辑 Meteorjs      更新时间：2023-09-26

这是我与流星的第一个项目，我是一个沉重的新手。需要帮助。三个问题。我想当我按下编辑按钮时，把注意力集中在任务的文本上，我可以更改它…类似这样的东西：

<button class="editItem">Edit</button>

然后我可以编辑li的文本，这就是功能：

editTask: function(id, todoItem){ 
   Tasks.update({_id: id}, {$set: { title:todoItem }}); 
}

如果我有输入类型字段，我可以做到这一点，但如何用按钮做到这一步（我想把普通文本变成输入字段）。

第二个问题：我有两列，To Do和Done:

<template name="task"> 
  <li>
    <span class="text">{{title}}</span></li>
    <button class="completed">Completed</button>
    <li><input type="text" name="task" class="edit"></li>
    <button class="saveItem">Save</button>
    <button class="cancelItem">Cancel</button>
    <button class="editItem">Edit</button>
    <button class="delete">Delete</button>
    <input type="checkbox" checked="{{checked}}" class="completed">
  </li>
</template> 
<template name="taskDone">
 <li>
  <div>
    <span class="text">{{title}}</span>
  </div>
 </li>
</template>

如何从To Do列表中隐藏已完成的任务并显示在Done列表中？当我按下按钮Completed时，可能会显示true或false，但我无法准确指出。

我试着在有控制的状态下打球，但那不是我需要的。

首先，示例代码中的<li>标记数量不正确（关闭跨度末尾的第一个li，然后继续，就好像它仍然是同一个li一样）。

将已完成的字段添加到集合中，在创建任务时初始设置为始终"否"。

然后，您要做的是通过onclick事件将span设置为contenteditable并设置为true。不要像当前那样将其用作助手：使用事件！类似于这里：Meteor-有没有一种方法可以让div内容可编辑的双向数据绑定工作？或者在简单的jquery中：HTML5 contentEditable with jquery

然后，当你点击保存时，你需要将其设置为false，并更新完成的字段，说"是"或类似的话。

然后，简单地过滤集合中todo任务和已完成任务的方式不同：在模板任务中，您将执行类似Tasks.find({}, {fields: {"completed": "no"}});的操作在模板任务中完成：

Tasks.find({}, {fields:{"completed": "yes"}});
相关文章：