流星:FS集合中带有图片的产品网格

时间:2015-10-05 17:13:35

标签: javascript meteor

我想制作一个'伙伴'系列的网格 每个合作伙伴都包含partnerGridForm模板

<template name="partnerGridForm">
<div class="col-sm-4">
    <div class="panel panel-default">
        {{_id}}

        {{#each profileImages}}
            {{>partnerGridImage}}
        {{/each}}

        <h3 class="panel-title">{{profile.partner_company}}</h3>
        <hr>


        {{profile.partner_address_line_1}}<br>
        {{#if profile.partner_address_line2}}
            {{profile.partner_address_line2}}<br>
        {{/if}}
        {{profile.partner_zipcode}} {{profile.partner_city}}<br>
        {{profile.partner_state}} - {{profile.partner_country}}<br>
        {{profile.partner_phone_nr}}<br>
        {{profile.partner_mobile_nr}}<br>
        <hr>
        <b>
        {{profile.partner_category}}<br>
        {{profile.partner_sub_category}}</b>
        <hr>
        {{{profile.partner_promo_text}}}


    </div><!-- end panel -->
</div><!-- end feature -->
</template>

所有这些partnerGridForm模板都通过合作伙伴集合(实际上是用户集合)循环显示在页面上

<template name="partnerGrid">
    <div class="container container-top">
     {{#each partners}}
        {{>partnerGridForm}}
     {{/each}}
    </div> <!-- end container -->
</template>

每个合作伙伴的图片分别存储在ProductImages.fs文件

我希望每个partnerGridForm在partnerGridForm中显示图片,但我无法使其正常工作。

通过流星的反应特性,我的所有网格形状都会随着我得到的最后一张图片不断更新。

目前我在partnerGrid模板上有以下帮助器

  // Template Helpers
Template.partnerGrid.helpers({
    partners: function () {
        return Meteor.users.find();
    },
});


// On rendering get lists
Template.partnerGrid.onRendered(function (event,template) {

    if (typeof  partnerSub !== 'undefined') {
        if ( partnerSub != null ) {
            partnerSub.stop();
        };
    };
    partnerSub = Meteor.subscribe('partnerList');

});

以及partnerGridForm模板上的以下帮助程序

Template.partnerGridForm.helpers({
    profileImages: function() {
        return PartnerImages.find();
    },

});

Template.partnerGridForm.onRendered(function(event,template){
    currentPartner = Template.currentData()    // Get current data in template
    currentPartnerId = currentPartner._id;
    if (typeof  ImageSub !== 'undefined') {
        if ( ImageSub != null ) {
            ImageSub.stop();
        };
    };
    ImageSub = Meteor.subscribe('partnerImages', currentPartnerId);
});

问题是partnerGridForm上的助手更新了每个表单,这样每个表单都会得到最后一个图像吗?

有人可以帮忙吗?

0 个答案:

没有答案