3

我正在构建一个非常小的 Meteor 应用程序，只是为了更好地理解 Autoform 和 CollectionFS 以及它们的结合使用。我目前使用以下软件包进行了所有设置：

iron:router, aldeed:autoform, aldeed:collection2, cfs:standard-packages,
cfs:filesystem, cfs:autoform

我有一个分配给“书籍”的示例 Mongo 集合，该集合设置了一个 SimpleSchema，其中包含来自演示的字段，如标题和作者。文件上传对应的代码为：

fileId: {
  type: String,
  autoform: {
    afFieldInput: {
      type: "cfs-file",
      collection: "images"
    }
  }
}

FS.Collection 代码为：

Images = new FS.Collection("images", {
 stores: [new FS.Store.FileSystem("images", {path: "~/uploads"})]
});

这与快速表单结合使用：{{> quickForm collection="Books" id="insertBookForm" type="insert"}}

插入很好，我可以遍历文档并使用空格键和一个名为“books”的辅助函数显示各个字段，如下所示：

{{#each books}}
    <li>{{title}} by {{author}}</li>
{{/each}}

我还可以迭代上传到 FS.Collection 的图像，并使用帮助器返回名为“文件”的整个集合，并像这样循环它们：

{{#each files}}
  <img src="{{this.url}}" />
{{/each}}

我遇到的问题是将两者联系在一起。我希望能够按照以下方式做一些事情：

{{#each books}}
  <li>{{title}}, by {{author}} <img src="The-Corresponding-Image}}" /></li>
{{/each}}

显然不是那么精确的布局，但我基本上只是希望能够打印带有相应标题和作者的图像，以便能够使用 autoform 和 collectionfs 来满足我的需要。

我一直试图从 Books 集合中的特定文档中检索 fileId，然后将其插入 anImages.findOne({fileId: fileId})并将两者链接在一起。

谁能指出我正确的方向？

4

1 回答 1

6

感谢Ethaan的指导，我能够弄清楚。我必须做的是：

自动形成钩子：

AutoForm.hooks({
 insertBookForm: {
   after: {
     insert: function(error, result, template) {
       insertedFile = Books.findOne(result).fileId;
       Images.update({_id: insertedFile}, {$set: {'book': result}});
     }
   }
 }
});

我在插入后立即将“book”字段设置为_id正在插入的文档（存储在result参数中）。

这是我对应的 HTML：

{{#each books}}
  <li>{{title}} by {{author}}</li>
    {{#with files}}
        <img src="{{this.url}}" />
    {{/with}}
{{/each}}

还有我的助手：

Template.layout.helpers({
  books: function () {
    return Books.find({});
  },
  files: function() {
    return Images.findOne({book: this._id});
  }
});
于 2015-02-18T23:36:03.050 回答