Emberjs - 创建在不离开 url 的情况下编辑模型'Edit' '/models'操作

Question

我需要帮助创建一个"编辑"操作，该操作从模型列表中选择特定模型，并在该表中编辑模型。各种快速编辑。

  <tbody>
    {{#each}}
      <tr class="people-list">
        <td>
          <input type="checkbox" class="toggle">
          <label class="category-text">{{#linkTo 'category' this}}{{Name}}{{/linkTo}}    </label>
          <img class="table-img" src="images/x.png">
          <img class="table-img" {{action 'edit'}} src="images/pencil-grey.png">
        </td>
      </tr>
    {{/each}}
  </tbody>

通过单击 {{操作'编辑'}}，{{名称}} 成为可编辑的输入。这一切都是在不留下"/categories"网址的情况下完成的。

谢谢大家:D

Answer 1

<tbody>
    {{#each}}
      <tr class="people-list">
        <td>
            <input type="checkbox" class="toggle">
            {{#if isEdit}}
            {{input type="text" valueBinding="Name" name="Name"}}
            {{else}}
            <label class="category-text">{{#linkTo 'category' this}}{{Name}}{{/linkTo}}</label>
            {{/if}}
            <img class="table-img" src="images/x.png">
            <img class="table-img" {{action 'edit'}} src="images/pencil-grey.png">
            </td>
        </tr>
    {{/each}}
</tbody>

然后在控制器上：

actions: {
    edit:function(){
        this.set('isEdit', true);
    }
}