MeteorJS:使用集合中的数据自动填充表单(autoform)

时间:2015-08-24 08:59:13

标签: javascript meteor meteor-autoform

我正在尝试更新与this example相同的数据,但我没有使用afQuickField name="nameOfTheField,而是使用afQuickFields。我尝试单独显示字段(就像他们在演示中所做的那样)它也不起作用。浏览器日志显示正确的数据。

HTML enter image description here

JS

enter image description here

尝试使用相同的字段名称和值属性,但方法太具体,在我的情况下并不理想

enter image description here

更新:表单类型已更改为“更新”,仍然无法正常工作

1 个答案:

答案 0 :(得分:0)

假设您拥有这样的客户集合和架构:

LIB / schema.js

Schemas = {};

Schemas.customerSchema = new SimpleSchema({
  name: {
    type: String,
    index: 1,
    unique: true
  },
  age: {
    type: Number,
    optional: true
  }
});

Collections = {};

Customers = Collections.Customers = new Mongo.Collection("Customers");
Customers.attachSchema(Schemas.customerSchema);

您的更新表单如下所示:

<template name="customerUpdate">
{{#autoForm id="afUpdateDemo" type="update" collection=Collections.Customers doc=this}}
{{> afQuickFields schema="Schemas.customerSchema"}}
  <div class="text-center">
    <button type="submit" class="btn btn-primary">Update</button>
  </div>
{{/autoForm}}
</template>

我将架构传递给afQuickFields。这将为模式中的每个元素提供字段。如果您需要更加选择性地包含哪些字段,您还可以传递fieldsomitFields属性。我正在使用doc=this,因为我在我的路线中设置数据上下文,但您可以继续使用instanceData,因为您已经显示假设它是对文档的有效引用(您没有显示足够的代码以了解该值的来源。)

我在github上添加了一个示例应用程序:https://github.com/markleiber/so_32178232