繁体   English   中英

如何在Meteor AutoForm中将自定义模板与模式匹配?

[英]How to match custom template to schema in Meteor AutoForm?

在这个最小的例子中,我有两个模式,一个用于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部分创建模板?

根据Meteor AutoForm文档bootstrap3-horizontal只能与afFormGroupafQuickFieldquickForm使用。 因此,如果您只想为表单中的PersonSchema部分使用template="bootstrap3-horizontal" ,则需要为相应的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}} 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM