forms - 使用相同的表单进行插入和编辑

Question

如何使用相同的表单在 Meteor 中插入和编辑文档。

对于插入，我使用没有变量的空形式:

<template name="frmOrganization">
   // no doc variable
   <form class="form-horizontal" role="form">
     ...
     <input type="text" class="form-control" id="Name">

对于更新，我使用带有变量的表单:

<template name="frmOrganization">
   {{#with organization}} // doc variable
   <form class="form-horizontal" role="form">
     ...
     <input type="text" class="form-control" id="Name" value="{{Name}}">

Answer 1

(使用 Meteor 0.9.3 + Iron-Router)

我遇到了同样的问题，我使用的解决方法如下(似乎更像是一种 hack，但我可以避免使用多种形式)

<template name="frmOrganization">
// no doc variable
<form class="form-horizontal" role="form">
  ...
  <input type="text" class="form-control" id="Name" value={{name}}>
  {{#if name}}
    <input type="submit" value="Edit"/>
    <input type="submit" value="Delete"/>
  {{else}}
    <input type="submit" value="Add"/>
  {{/if}}
  ...

在我的 router.js 文件中

this.route('frmOrganization', {
  path: '/organisation/:_id/edit',
  data: function() { return Organisation.findOne(this.params._id); }
});

一切看起来都很标准，但是对于我的添加链接，我使用:

<a href="{{pathFor 'frmOrganization' _id=new}}">Add</a>

这将创建以下链接:

/organisation/null/edit

空页面为您提供添加页面，ID 为您提供编辑页面。

-- meteor 菜鸟