Meteor aldeed:autoform自定义arrayField模板无效

时间:2016-01-29 20:51:29

标签: meteor meteor-autoform simple-schema

我已经找了关于AutoForm的自定义字段模板的教程,但我不确定我的错在哪里。如果有人有任何建议,将不胜感激。

我的架构:一个字段是一个对象数组。

guests: {
    type: Array,
    minCount: 1,
    maxCount: 10,
    label: "Guests in Party"
},
"guests.$": {
    type: Object,
    label: "Guest Object"
},
"guests.$.firstName": {
    type: String,
    label: "First Name"
},
"guests.$.lastName": {
    type: String,
    label: "Last Name"
}

模板代码:

<template name='afArrayField_guestsObjectField'>
    {{#afEachArrayItem name="guests" minCount="this.atts.minCount" maxCount="this.atts.maxCount"}}
    <div class="form-group">
        <label class="control-label col-sm-2">Guest</label>
        {{> afObjectField name="this.name" label="false" template='customObjectField'}}
        <div class="col-sm-2">
            {{#if afArrayFieldHasLessThanMaximum name="guests"}}
            <button type="button" class="btn btn-primary autoform-add-item" data-autoform-field="{{guests}}" data-autoform-minCount="{{this.atts.minCount}}" data-autoform-maxCount="{{this.atts.maxCount}}"><span class="glyphicon glyphicon-plus"></span></button>
            {{/if}}
            {{#if afArrayFieldHasMoreThanMinimum name="guests"}}
            <button type="button" class="btn btn-primary autoform-remove-item pull-left"><span class="glyphicon glyphicon-minus"></span></button>
        {{/if}}
        </div>
    </div>
    {{/afEachArrayItem}}
</template>

<template name="afObjectField_customObjectField">
    <div class="col-sm-4">
        {{> afFieldInput name="this.firstName" class="form-control" placeholder="First Name"}}

        {{#if afFieldIsInvalid name='this.firstName'}}
            <span class="help-block">{{{afFieldMessage name='this.firstName'}}}</span>
        {{/if}}
    </div>
    <div class="col-sm-4">
        {{> afFieldInput name="this.lastName" class="form-control" placeholder="Last Name"}}

        {{#if afFieldIsInvalid name='this.lastName'}}
            <span class="help-block">{{{afFieldMessage name='this.lastName'}}}</span>
        {{/if}}
    </div>
</template>

我遇到的问题是加号按钮显示在firstName和lastName字段之后我想要它,但是当我按下它时,另一个客户对象(在表单中)不会生成。有什么想法吗?

0 个答案:

没有答案