如何将自定义模板与 Meteor AutoForm 中的模式匹配？答案

【问题标题】：How to match custom template to schema in Meteor AutoForm?如何将自定义模板与 Meteor AutoForm 中的模式匹配？
【发布时间】：2016-02-19 01:30:47
【问题描述】：

在这个最小的示例中，我有两个模式，一个用于 Person，另一个用于定义集合的 Groups。使用 AutoForm，我想将自定义模板应用于任何出现的 PersonSchema，而不管父架构如何。

SimpleSchema.PersonSchema = new SimpleSchema({
  firstName: {
    type: String,
    optional: false,
    label: "First Name"
  },
  lastName: {
    type: String,
    optional: false,
    label: "Last Name"
  }
});

Groups = new Mongo.Collection('groups');

Groups.attachSchema(new SimpleSchema({
    name: {
        type: String,
        optional: false,
        label: "Group Name"
    },
    people: {
        type: [SimpleSchema.PersonSchema],
        minCount: 1
    }
}));

我知道我可以通过模板属性以及一些额外的类将模板附加到 AutoForm：

{{> quickForm id="addGroupForm" collection="Groups" type="insert" template="bootstrap3-horizontal" label-class="col-sm-3" input-col-class="col-sm-9"}}

如何为表单的 Person 部分创建模板？

【问题讨论】：

标签： javascript meteor meteor-autoform

【解决方案1】：

根据Meteor AutoForm documentation，bootstrap3-horizontal 只能与afFormGroup、afQuickField 或quickForm 一起使用。因此，如果您只想将template="bootstrap3-horizontal" 用于表单中的PersonSchema 部分，则需要为适当的afQuickField 设置template 属性。

例如：

{{#autoForm id="addGroupForm" collection="Groups" type="insert"}}
    <fieldset>
        <legend>Add a Group</legend>
        {{> afQuickField name='name'}}
        {{> afQuickField name='people' template="bootstrap3-horizontal" label-class="col-sm-3" input-col-class="col-sm-9"}}
    </fieldset>
    <button type="submit" class="btn btn-primary">Insert</button>
{{/autoForm}}

【讨论】：

谢谢，这就是我最终决定采用的方法，感谢您的澄清...有助于理智:)