使用autoform更新meteor中的表单

时间:2016-07-06 12:52:40

标签: mongodb meteor meteor-autoform

我有一个处理表单默认值的集合。我需要构建一个UI来自己更新默认值,而不是通过mongo支持强制更新。

我已经使用了aldeed的更新功能。数据从DB中获取并显示在表中。但是,当我尝试通过在文本框中输入新值来更新时,它不会持久存在。事实上,它一直在抛出我不知道的错误。

Exception in template helper: TypeError: Cannot read property 'namedContext' of undefined
    at Object.autoFormFieldIsInvalid

作为样本,我正在与之合作:

Mongo Collection:

meteor:PRIMARY> db.testCollection.find()
{ "_id" : ObjectId("577ccd87f57f43d790c3ec49"), "schemaName" : "test_schema", "label" : "test_lable", "value" : "test_value" }

架构:

test_schema = new SimpleSchema({
    "schemaName": {
        type: String,
    },
    "label": {
        type: String,
    },
    "value": {
        type: String,
    }
});

testCollection.attachSchema(test_schema);

模板:

<template name = "testTemplate">

<table class="table table-bordered table-condensed">
  <thead>
    <tr>
      <td style="width: 85px">Schema Name</td>
        <td style="width: 85px">Label</td>
      <td>Default Value</td>
      <td style="width: 250px">New Default Value</td>
    </tr>
  </thead>
  <tbody>
    {{#each items}}
      <tr>
        <td>{{this.schemaName}}</td>
        <td>{{this.label}}</td>
        <td>{{this.value}}</td>
        <td>
        {{#autoForm id=updateDefaiultsID type="update" collection=testCollection doc=this autosave=true}}
          {{> afFormGroup name="value" label=false}}
        {{/autoForm}}
        </td>
      </tr>
    {{/each}}
  </tbody>
</table>


</template>

辅助

import { Template } from 'meteor/templating';
import '../templates/testTemplate.html';


if (Meteor.isServer) {

  Meteor.publish(null, function () {
    return testCollection.find();
  });

  testCollection.allow({
    update: function () {
      return true;
    }
  });
}

else if (Meteor.isClient) {

  Template["testTemplate"].helpers({
    items: function () {
      return testCollection.find({}, {sort: {name: 1}});
    },
    updateDefaiultsID: function () {
      return "testTemplate" + this._id;
    }
  });
}

1 个答案:

答案 0 :(得分:0)

改变这个 来自

<td>{{this.schemaName}}</td>

<td>{{this.schema_name}}</td>