簡體   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