Meteorjs編輯按鈕，並從一個列表中刪除，添加到另一個列表中

Question

這是我與流星的第一個項目，我是個新手。 需要幫助。 三個問題。 我想按編輯按鈕將焦點放在任務的文本上，然后可以對其進行更改...如下所示：

<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 ”按鈕時，可能會顯示是或否，但我無法指出確切的方法。

我嘗試過檢查狀態，但這不是我所需要的。

Answer 1

首先，示例代碼中的<li>標記數量不正確（您在跨度結尾處關閉了第一個li，然后繼續繼續，就像仍然是相同的li一樣）。

將完成的字段添加到您的集合，創建任務時最初設置為始終為“ no”。

然后，您要執行的操作是使用onclick事件將范圍設置為contenteditable設置為true。 不要像現在那樣將其用作幫助器：使用事件！ 像這樣的東西： 流星-有沒有辦法讓div contenteditable兩種方式的數據綁定起作用？ 或者在簡單的jquery中： HTML5 contentEditable with jQuery

然后，當您單擊保存時，需要將其設置為false並更新完成的字段以說“是”或類似內容。

然后，您以簡單的方式對待辦任務和完成的任務進行不同的篩選：在模板任務中，您將執行Tasks.find({}, {fields: {"completed": "no"}}); 在模板taskDone中：

Tasks.find({}, {fields:{"completed": "yes"}});